Tuesday, 4 February 2014

How to remove page title In SharePoint 2013 ??

so Guys  Here   is my new Post to remove Page title  from  SharePoint 2013 Site ?

Page Title  is what is highlighted in   following picture.
some times  it looks  too odd and sometimes  client wants to remove it according to the requirements.
 Here  are some steps  to  Hide  it.
1.Open your site in SharePoint designer.
2. then open associated  master  Page  to your site in Edit mode  For  SharePoint 2013 Site Default   is  seattle,master
3. I would like  you to copy this master page  and renamed it. like i renamed it as mycustom.master
4. So  here is your new master page ready. Open it in Edit Mode.
5. search for Following code in Page 
<!--<h1 id="pageTitle" class="ms-core-pageTitle">
  <SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server">
<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server">
<SharePoint:SPTitleBreadcrumb
 runat="server"
 RenderCurrentNodeAsLink="true"
 SiteMapProvider="SPContentMapProvider"
 CentralAdminSiteMapProvider="SPXmlAdminContentMapProvider">
<PATHSEPARATORTEMPLATE>
 <SharePoint:ClusteredDirectionalSeparatorArrow runat="server" />
</PATHSEPARATORTEMPLATE>
 </SharePoint:SPTitleBreadcrumb>
</asp:ContentPlaceHolder>
  </SharePoint:AjaxDelta>
  <SharePoint:AjaxDelta BlockElement="true" id="DeltaPlaceHolderPageDescription" CssClass="ms-displayInlineBlock ms-normalWrap" runat="server">
<a href="javascript:;" id="ms-pageDescriptionDiv" style="display:none;">
 <span id="ms-pageDescriptionImage">&#160;</span>
</a>
<span class="ms-accessible" id="ms-pageDescription">
 <asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server" />
</span>
<SharePoint:ScriptBlock runat="server">
 _spBodyOnLoadFunctionNames.push("setupPageDescriptionCallout");
</SharePoint:ScriptBlock>
  </SharePoint:AjaxDelta>
</h1>-->
6.  comment this code   save your page in SharePoint designer  .
7. Now Right click on your custom master page and set it as default master page of your site.
8. Now refresh  your site page. 

Work is done .   
It will surely work for you  :)   

If you have any confusion than ask me in comments.

Sunday, 2 February 2014

How to edit Css In SharePoint 2013 and Office 365.

So geeks   here is this  Post  how to  Edit  css   of SharePoint 2013  to give   you Site a Customized   Look .

eventually  corev15 .css  handle  all  Customization in SharePoint 2013. and  It is not present in Server memory.So the question  is   How you will   Edit  your CSS  to Remove Extra   white Space in a SharePoint Page. shown   in this picture.  

Simply  Follow  Following  steps one By  One.

1. Install  developer  tools  on your browser  if they   are not installed  already.
2  Open  your SharePoint  Site   In   internet explorer.  Press   F12 then Click  on Search button or  Find in Some Browers. Like Shown in this picture.

3.  Then  Click  on  CSS  Button  Like in this  Picture 


4. A CSS  FILE    will  open Like  Below  
5. Click   On little Save Button  In Following  Picture and save  the Css  File with proper   name.
6. Now  you have attached Css  Sile  to  your SharePoint Site.  To edit this you must have some knowledge  about  Css  and HTMl editing. Now  Click  on Find button  like in step 2. select the area  You want  to remove .  you will  see  code  Belong to that area  will  auto Selected in your  css tab of browser.  Remove selected  padding  and Margin  in your   CSS. 
 Now  Link  your CSS   to  Your master page  in head tag.  
So this is  my first  Blog  Guys.  Ask  if you have any  problem related.