Skip to main content

Posts

Sharepoint 2013/2016 Theme Change/ SharePoint Branding

Change the look of your SharePoint site You can easily customize the look of your SharePoint site. If you are using SharePoint 2013/2016 here is the option to brand your site quickly. You can change the color, background, or fonts of your SharePoint site using themes Step1:  C lick  Settings, and click Site Settings Step2:  Under the  Look and Feel  heading, click  Change the look . Step3:   Choose another look from among the choices. Don’t worry if you don’t like the color or the image exactly, you can change that in the next step. Step4: You can change the background image, Colors, Site layout, Fonts in the left Side bar To add or change the background image , click  Change  and upload an image of your own To change the color scheme, click the arrow next to Colors and select another color scheme. To change the layout, click the arrow next to  Site layout  and select another layout, which controls the position of the navigation links, search box, and
Post a Comment
Read more
Recent posts

Sharepoint 2013/2016 Custom Theme Change/ Custom Color Changing/ SharePoint Branding

  Step By Step (Custom Sharepoint Theming) Color changing your Sharepoint Site Learn how to deploy a custom theme Change to a SharePoint site by using the  user interface . SharePoint includes preinstalled themes.  You can create custom themes(Color Changes) by creating additional color palettes. Here are the steps to create custom colors(Palettes) to SharePoint 2013/2016 Step1: Click --> Setting icon --> Site Settings Step2:  Under Web Designer Galleries --> Themes Step3: Theme Gallery --> 15(Open 15 Folder) Step4: Download Any palette Step5: Open the downloaded Palette and change the color what you want to  change and save the file in a different name with extension .spcolor Step6:  Then upload the file under 15 Folder Step7: Then Back to Site Settings --> Composed Looks Step8: Click new item Step9:  Fill The Theme URL and the Color palette  URL which one you uploaded under 15 Fold
Post a Comment
Read more

Creating Master Page for HTML Websites

In this blog, you will learn how to create master page for Html/Static Sites, We can create master page using PHP. Step1: Change the Name of your file extension. index.html(all files extension)  into index.php Step2: Create header.inc.php and footer.inc.php files. Step3: Add header elements and navigation bar into  header.inc.php and   Add footer files into  footer.inc.php (Whatever you want to show in all pages(masterfile)) Step4: Remove the header and navbar, footer elements inthe index file and put the  <?php include_once 'includes/header.inc.php' ; ? > - header section <?php include_once 'includes/footer.inc.php' ; ? > - footer section Step5: Now you load the index.php file, Finally Website master page created
Post a Comment
Read more

Material UI Tiles Display Template - sharepoint 2013

Search Results Webpart modern Material UI styled Tiles. you can show the sharepoint list to modern Tiles. Adding Managed property Mapping Add the search columns to managed property. <mso:ManagedPropertyMapping msdt:dt="string">&quot;quarter&quot;:&quot;RefinableString32&quot;,&quot;Employee Name&quot;:&quot;EmpNameOWSTEXT&quot;,&quot;Service Year&quot;:&quot;ServiceYearsOWSNMBR&quot;,&#39;Picture URL&#39;{Picture URL}:&#39;PublishingImage;PictureURL;PictureThumbnailURL&#39;,&#39;Link URL&#39;{Link URL}:&#39;Path&#39;,&quot;Title&quot;:&quot;Title&quot;,&quot;EventDate&quot;:&quot;EventDateOWSDATE&quot;,&quot;Category&quot;:&quot;CategoryOWSCHCS&quot;,&quot;Path&quot;:&quot;Path&quot;,'PictureHeight':'PictureHeight','PictureWidth':'PictureWidth','ImageDateCreated':'ImageDateCrea
Post a Comment
Read more

Bootstrap Grids

Grid system .  Bootstrap  includes a responsive, mobile first fluid  grid system  that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts. Bootstrap 3: Grid Classes The Bootstrap grid system has four classes: xs  (for phones - screens less than 768px wide) sm  (for tablets - screens equal to or greater than 768px wide) md  (for small laptops - screens equal to or greater than 992px wide) lg  (for laptops and desktops - screens equal to or greater than 1200px wide) Bootstrap 4: Grid Classes The Bootstrap 4 grid system has five classes: .col-  (extra small devices - screen width less than 576px) .col-sm-  (small devices - screen width equal to or greater than 576px) .col-md-  (medium devices - screen width equal to or greater than 768px) .col-lg-  (large devices - screen width equal to or greater than 992px)
Post a Comment
Read more