ShareBoot – Responsive SharePoint 2013 Theme

Author: Luis Kerr

Related Links

- Somnio – Premium SharePoint 2013 Theme
- Brevis – Premium SharePoint 2013 Theme
- Allegra – Premium SharePoint 2010 Theme
- Motus – Free SharePoint 2013 Theme
- xpecto – Free SharePoint 2013 Theme
- Avicia - Free SharePoint 2013 Theme
- Avicia – Free SharePoint Online Theme
- Responsive – Free SharePoint 2010 Theme
- Turn Off Mobile Browsing in SharePoint 2010

Popular SharePoint Books



148 Responses

  1. Peter says:

    How do you edit your items to place my content in the slider etc.

    Reply
  2. Luis Kerr says:

    Peter, for testing purposes, the slider is embedded on ShareBoot.master. It’s up to you how you would like to customize it.

    Reply
  3. I have a sandbox 2013 site for testing and am following your instructions but I am not seeing the same things in your screenshots. For instance, after I upload ShareBoot.css the window I see does not have a “Content File” field. Also, when I click the drop-down button by the file, there is no “Publish a Major Version”. Yes, this is Sharepoint 2013. I would be happy to send screenshots to illustrate what I mean. Now what?

    Reply
  4. Luis Kerr says:

    Claudia, are you sure your site is a SharePoint 2013 Publishing Site? Maybe you don’t have full rights to the site?

    Reply
  5. Daniel says:

    Hi great demo – for reverence purposes would it be possible to include the source html for the master page and the layout pages.

    Reply
  6. Luis Kerr says:

    Daniel, the source html is included in the html folder. “Also included in the ShareBoot.zip package an optional “html” folder where you will find the HTML code used as dummy content for the mock-up pages.”

    Reply
  7. Jorge says:

    Hi,
    Thanks for the ShareBoot Theme, I was trying to center the main content, is there a main wrapper or main content div?
    Thanks

    Reply
  8. Zach Welding says:

    First off, this is great! Perfect starter for us to use on a project. One thing I cannot figure out is how to get the Web Part Properties box to show up on the page. The CSS must have it on the side of the page but I can only get to it if I tab over. Then I changed the z-index so it wouldn’t be hidden by the nav bar, but no dice. Any suggestions?

    Reply
  9. Luis Kerr says:

    Zach, I found the issue with the Web Part Properties box. Someone at Microsoft thought would be a great idea to wrap the main content in a Table (!?!) and add an extra right column for Web Part Properties box! So to fix this issue apply these two CSS lines to your ShareBoot.css. I’ve updated the ShareBoot.zip package as well:
    .ms-ToolPaneOuter {position:fixed;bottom:10px;right:35px; z-index:100 !important;}
    .ms-ToolPaneBody {overflow:auto !important;max-height:100%; z-index:100 !important;}

    What this trick would do? It would force the Web Part Properties box to sit at the bottom as long you’re using it. Cheers!

    Reply
    • Cathy G. says:

      For content search/content query boxes this doesn’t work that well. As you expand categories the properties box gets so long you can’t get to all of the properties so you can only have one set open at a time. When I realized how it was behaving I tried fixing it to the top but then the bottom gets cut off…so no save or cancel button. I can’t get it to scroll either, so we’re just cut off on certain settings and have to collapse categories one at a time in order to get to the top options again.

      Reply
  10. Jeremy says:

    So, the problem is that I am now using team-site. There is no Page Layout available. How to deal with this case?
    Thanks already in advance.

    Reply
  11. Luis Kerr says:

    Jeremy, ShareBoot Theme only works on SharePoint 2013 Publishing Sites. Not teamsites.

    Reply
  12. Rookie says:

    From the outset, thanks Luis for this theme. I just need help changing the top dark gray or black navbar. I have checked the ShareBoot.master file along with the associated CSS files and I cannot locate the class that controls the colour of the top dark gray or black navbar.Any help will be appreciated. Thanks in advance.

    Reply
    • Chau Bui says:

      The .navbar-inverse class in bootstrap.css controls the color of the navbar.

      Reply
  13. Zach Welding says:

    Luis, you are a life saver! that worked. Thank you!!

    Reply
  14. Zach Welding says:

    Will this theme work with SharePoint online? I haven’t seen anything that would make me think it wouldn’t, but its not working at first couple try’s for me. Its not picking up the CSS

    Reply
  15. Zach Welding says:

    I will answer my own question for anyone else out there…I had to change the relative URLs in the master page to be absolute URLs for the CSS registration.

    Reply
    • Himani says:

      You can use tokens
      Replace

      with

      Reply

  • Key Master says:

    Thanks Zach, I am working around in applying this template, I’ve tried many times when the css did not work.

    I’m new to SP and I can’t investigate on the reason why master page must use absolute URLs on CSS.

    Reply
  • Kanika says:

    Is this template compatible with IE 8 as well? I am using Sharepoint 2013 and IE 8.

    Reply
  • LJ says:

    This worked great! tweaking to fit my site now 🙂 Thanks a ton! I did this on sharepoint online and it worked flawlessly, I had forgotten to publish major version for a few files so ran into a couple of things because of that, but works great online.

    Reply
    • Carl says:

      Tx LJ. Me 2, however I am receiving an irritating prompt to accept secure info every time I open a page. Once I restore back to default the prompt disappears.

      Reply
      • Luis Kerr says:

        In order to have the SSL working properly on your site, you need to reference all the links using the root-relative links (/).
        All the links should be referenced like this: /MyPage.html

        Reply
  • The only problem I see with using this is because there is no HTML version of the masterpage, you have no way to access the code snippet gallery, as it needs that in order for Design Manager to access it. Any thoughts?

    Reply
    • Kiki says:

      I’m having the same issue. Did you find a way around this?

      Reply
  • Hakan says:

    Hi! Thank you so much for the nice theme and layouts.
    When you use Term-Driven Page with Friendly URL the navigation menu disappears.
    When you open home page you can see all menu items, but if you click any of the menu item the page opens and navigation menu items disappears.

    Reply
  • GaryS says:

    Hi Luis…. great site for SP ! WHen I navigate to a different page the menu items in the top nav bar disappear, is this deliberate ? If so why ?
    Gary

    Reply
  • Luis Kerr says:

    GaryS, it depends how you set up your navigation. Go to Site Settings >> Navigation and set your navigation the same across the site: Global Navigation and Current Navigation – Display the same navigation items as the parent site. Make sure you check: Show subsites and Show pages.

    Reply
  • Tony says:

    I’m having the same issue that Claudia is having. I’m running 2013 and am a full rights user. I can upload all the items one at a time, but can’t upload them via explorer. When I select the item in the gallery I can’t press the publish button as it’s greyed out, so is unpublish.

    Reply
  • Zach says:

    Has anyone played around with swaping out the placeholders in the banner with images? I am having a hard time finding the right resolution. The images don’t scale down when on a mobile device or smaller screen. I thought they would have auto scaled. see what I mean? http://devsite.altoconsulting.com

    Reply
    • Carl says:

      Looks great to me Zach. I really like the site. You used this Bootstrap theme as a starting point?

      Reply
  • Neri says:

    Thank you for the nice theme. Would it be possible to get HTML Master Page and HTML Page Layout files to easily modify then using Design Manager functionality. Thank you.

    Reply
    • Kiki says:

      Yes, please – I would like to be able to use the HTML Master Page and HTML Page Layout files if possible.

      Reply
  • Lincoln Hach yellick says:

    Hello,

    My company and I are using this to make a more dynamic sharepoint for mobile use but when viewed on a mobile device it doesnt actually work. Only when you resize the browser its self is when ShareBoot actually works. It his a common issue or is there something wrong with the CSS?

    Reply
  • Luis Kerr says:

    Lincoln, you might need to disable the mobile view on your SharePoint 2013 server. See this article: https://topsharepoint.com/turn-off-mobile-browsing-in-sharepoint-2010

    Reply
  • Josh says:

    after loading this theme, the top navigation does not carry to other pages as is the default themes that are loaded, any idea on how to fix this or change this?

    Reply
  • Luis Kerr says:

    Josh, make sure you have the Navigation set up properly.
    Go to Site settings >> Navigation and select “Display the same navigation items as the parent site” for both Global Navigation and Current Navigation.

    Reply
  • Hakan says:

    Top navigation does not work on Manged Navigation with friendly URLs.

    Reply
  • Paul says:

    Do you know if there is a responsive theme/template for team sites? (Or a way to customize this to try it on a team site. This is a great solution! But only useful on publishing sites.

    I’m building an internal company site that needs to be responsive.

    Reply
  • John Bellew says:

    This is amazing and I want to add that it works great in SPO!

    Reply
  • Luis Kerr says:

    Hakan, you decided to use the custom styled navigation (Manged Navigation). You’re on your own.

    Reply
  • Dan says:

    Luis- Thanks for this awesome theme. I’m a web developer of over 20 years who uses Bootstrap EXTENSIVELY for my sites. I recently moved over to SharePoint at my new job (we use SP for intranet). I HATED SP at first because of the difficulty of implementing jQuery and custom CSS, not to mention how unbelievably hideous the included designs are. This package is a HUGE time saver and sanity saver. THANK YOU THANK YOU THANK YOU!

    Reply
  • Chuck says:

    I’m attempting to use this with SharePoint Online. When I go to the page with my custom domain name (www.mydomain.com), there’s no vertical scroll bar on any page and the slider on the home page doesn’t move. When I access the page with https://websitename.sharepoint.com, everything works as expected.

    Does anyone have any suggestions?

    Reply
    • Chelsea says:

      Hi Chuck,

      I also used this theme on 0365. My banner doesn’t move even when I’m on https://websitename.sharepoint.com. Did you ever figure out anything?

      Thanks,
      Chelsea

      Reply
  • Mostafa says:

    I tried to add the new Bootstrap 3 files in the CSS/Fonts/JS folders, the design and layout become bad, need your help please. And if any someone tried it, and works with it, please share how you managed to do it?

    Reply
  • Luis Kerr says:

    Mostafa, can you access the ShareBoot.css file in your browser? If you followed the directions above it should be accessible like this:

    http://YourSiteAddress/_catalogs/masterpage/ShareBoot/css/ShareBoot.css

    If you cannot access the CSS file then you missed some steps. Please pay attention to the documentation. I do hope you’re trying to install this theme on SP2013 and not on other platforms.

    Reply
  • rob says:

    Does this work on sharepoint foundation servers? When I try to install i do not see ASP NET MASTER PAGE on the drop down? Is there a work around to get this on a sharepoint foundation server??

    Reply
  • Luis Kerr says:

    rob, sorry, I didn’t try it on Foundation.

    Reply
  • rob says:

    Awwwwwwww…. well this presents a huge challenge! Thank you though for your reply it was greatly appreciated!

    Reply
  • Mel says:

    What about the left navigation? I need the left navigation but can’t seem to activate it back on the page. I tried setting the content placeholders to ‘visible=true’ but that didn’t work. Also, as other commenters stated, it would be awesome to have the HTML equivalents of the master page and page layouts to easily add snippets/manage through the new Design Manager from SharePoint 2013.

    Reply
  • Luis Kerr says:

    Mel, Left Navigation is disabled on ShareBoot.master. It is all the way on the bottom. To enable it, move it the desired location in the master page and make visible.

    Reply
  • dotdazzle says:

    I just saw this post and i tried it out. Sharepoint does not have masterpage under look and feel anymore. Finding it difficult to apply. I tried Sharepoint designer but am messing everything Up. Please help

    Reply
  • Luis Kerr says:

    dotdazzle, it appears you don’t have enough permissions to access the “Master page”. Check with your system admin.

    Reply
  • dotdazzle says:

    @kerr I installed the SharePoint on my server using SPAdmin and am currently logged in as SPAdmin, i created the team site with the username.

    Reply
  • Scott says:

    Loading this to Office 365, and am a sharepoint noob, but I have downloaded the file, uploaded all the layouts, everything worked as described in the installation, I am editing the shareboot masterpage content and for the life of me cannot locate the slider and other dummy content to edit it. Please help.

    Reply
  • Scott says:

    Never mind I should have read more carefully ” the content is in the shareboot home not shareboot master

    Reply
  • Mat Williams says:

    Wondering if this would work or what it might take to get it to work on a team site if anyone has insite? I’m looking to get Sharepoint collaborative pages into a more responsive state if you will.

    Reply
  • Metta says:

    I moved from yahoo to office 365 and had a difficult time trying to create my website I am an Artist /photographer. My sister loaded the bootstrap with the responsive design and created the pages with the html you provided. I am now able to get my site working. Thank You! http://www.mettamyers.com I still have a lot of work to do on my site but now it is easy.

    Reply
  • CWL says:

    Anybody know how to get affix to work with ShareBoot? Or, even ANY sticky scroll solution? I’m looking for a sticky menu to the top of the screen, directly under the menu, when scrolled past it. I’ve done with many times with regular SharePoint masterpages and jQuery plugins but nothing works with anything related to bootstrap and SharePoint.

    Reply
  • Joseph says:

    Hi, great Theme!!! I would like to know if it’s possible to insert an image logo near the Title of the page in the nav bar. Thanks

    Reply
  • Mark says:

    It doesn’t seem to be loading the JS files at all. I have them published I have everything setup properly, I can access the JS scripts by going to http://MyServer/Sites/MySiteCollection/_Catalogs/Masterpage/ShareBoot/js/bootstrap.js for example, but when I load the page, hit F12 and look through the loaded JS modules the 3 in this are not listed.

    Reply
    • Mark says:

      Never mind, it’s because I wasn’t in the root site collection. once I changed the path’s they all worked.

      Reply
  • Dan Kaufman says:

    Can you think of a reason why ShareBoot works perfectly on our Public SP site but not on our Intranet site? I followed the same instructions and even opened up all your source code and made sure all references were intact but I don’t have the option change page layouts to any of the SB ones and it seems like the CSS isn’t loading at all.
    Any help is greatly appreciated.
    Thanks in advance and thanks for doing this! I’ve spent years working in Bootstrap and my company wants me to ‘bridge the gap’ between Bootstrap and SP and I’ve been pulling my hair out fighting with it. BTW- what version of BS are you using? (some of my BS elements are not working on the Public side- modals, dropdowns, etc…).

    Reply
  • Dwight Hyde says:

    Thank you so much for this theme!! Do you know why the hamburger icon isn’t displaying on iPhones and instead the menus still appear? Any suggestions – links on possibly how to resolve that? Thanks again : )

    Reply
  • Russ Hancock says:

    This looks perfect for my needs thanks… One question, will this work with Sharepoint Online/0365.. before I start and get confused!?!? Thanks.

    Reply
  • Nitinkumar Kakulde says:

    I like the way you commented in the post and made topic ease for installation responsive UI. It’s awesome easy to use and everyone can accept it at first site.
    Thanks for providing such great helpful article and looking forward in future as well.

    Reply
  • W.L says:

    Where is the footer code located for the home page? I can’t seem to find it in the shareboot master (SP Designer) while in edit mode. What am I over looking?

    Reply
  • Luis Kerr says:

    W.L the footer code is in the ShareBoot.master

    Reply
    • W.L says:

      Thank you! I managed to edit the footer. Now I just need to get my homepage code to match with the footer. One problem; I created a homepage (with carousel ) as an experiment. Managed to changed the sharpboot code to insert my own images, but it does not adopt the master I edited. Do I have to re-insert the master somehow? Copying code from MY homepage to a new home page doesn’t seem to work. Right now, I have a nice carousel with a centered paragraph, but the original footer the lorem ipsum text.

      Reply
  • Luis Kerr says:

    Russ Hancock, ShareBoot is only compatible, for now, with SharePoint 2013 and 2010 Publishing Sites.

    Reply
  • Luis Kerr says:

    Dwight Hyde, it seems like a Bootstrap bug. I managed to fix it by removing line 154 trough 159 on bootstrap.css and replace the code with this: @media (min-width: 1200px) {.container {width: 1170px;}}

    Basically, I just got rid of these media queries which forced the screen to adjust too late:
    @media (min-width: 768px) {.container {width: 750px;}
    }
    @media (min-width: 992px) {.container {width: 970px;}
    }
    @media (min-width: 1200px) {.container {width: 1170px;}
    }

    Reply
    • Daniel says:

      I have the same problem as Dwight, I see the normal navigation and not the “hamburger” navigation button when on an iPhone. I tried this fix and am still having no luck with getting the collapse nav to appear on an iPhone. Seems like the site is not resizing correctly. Also, images not acting responsive in a webpart zone and a lot of white space to the right of page when resizing.

      Any ideas or help? using SharePoint Online.

      Thank you very much!

      Reply
  • Sasa says:

    Many thanks for this template. Everything works just fine except navigation menu. It works only on home page. I have read advice that I have to manage it in location Settings but that option does not works for me as there is no Navigation option in my public site. Only in my https.//domain.sharepoint.com but the option Global Navigation and Current Navigation – Display the same navigation items as the parent site is locked. Any advice, please. Thanks a lot.

    Reply
  • Steve Ivie says:

    Is there a page in this solution for the blog in Office 365 Public site. If not, does anyone have one?

    Reply
  • Ángel says:

    Top navigation menu only works in the home page. There is no Navigation Settings – Display the same navigation items as the parent site in SharePoint Online, so i wonder if there is another solution to achieve this. Changing to any default SPO template and the navigation works properly, so i think there is a problem in the .master file, not in the settings. Any suggestions? Thanks in advance.

    Reply
  • EduCa says:

    It went well with the implementation of ShareBoot. Luis thank you very much for this template.

    Reply
  • Renato Lyke says:

    When I’m adding new webparts, the sites becomes un-responsive. Is there something additional that needs to be done so that the site remains responsive.
    Ex. I have 3 webparts in 3 columns. When I minimize the site. They remain in the same position. They don’t come one below the other.
    Regards,Renato.

    Reply
    • Luis Kerr says:

      Renato, if you’re using the ShareBoot custom page layout, “ShareBoot Main”, you should not have any issues. Make sure you select “ShareBoot Main” page layout. To assign ShareBoot page layouts edit the page and from the “Page Layout” option under Page tab select the necessary page layout.

      Reply
      • Gail says:

        Hi Luis, Thank you so much for this template. I’m using it for a SharePoint Online site, and although ShareBoot Main will open, the other page layout templates throw a ‘header tag is poorly formed’ error and I am unable to change the page layout to any of the ShareBoot choices. I really just need to get one row with 2 web parts, one which will drop below the other in smaller devices. Other responsiveness is working, but – like Renato – I don’t see the webparts moving below each other; instead the screen stays very wide. Can you help?

        Reply
  • Heather says:

    I don’t have the option to modify navigation under site settings. Is this something they changed since this article was published. My menu items aren’t showing at the top on secondary pages. Thanks!

    Reply
    • Luis Kerr says:

      Heather, go to Site Settings >> Look and Feel >> and make sure you have “Display the same navigation items as the parent site” and “Show pages” selected for Global Navigation and Current Navigation.

      Reply
  • Renan says:

    What if I want to show the left-side navigation? What do I need to do? Thanks you so much!

    Reply
    • Luis Kerr says:

      Renan, the new version of ShareBoot theme has been updated with an extra page layout to include left navigation (ShareBoot-LeftNav.aspx). Just download the new version of the theme.

      Reply
  • Jurgen says:

    Luis, I’ve added LeftNav.aspx to my site and created a page from it and also updated shareboot.css from the new package. However, on the page I do not see a left nav at all.

    Reply
    • Luis Kerr says:

      Jurgen, make sure you update and publish the latest ShareBoot.master as well in order for the Left Navigation to show up.

      Reply
  • SimonB says:

    Luis, you are very patient… to say the least. ShareBoot is a nice peace of work but we have to read all the questions to get what we’re missing in the instructions. ShareBoot deserves it own ShareBoot guide for Dummy 😉

    Reply
  • Dwight Hyde says:

    Sorry. I couldn’t find the source html master page file in the SharePoint.zip. I looked in the html folder within the zip file and didn’t see it? Thank You

    Reply
  • Felaray says:

    Great job but it is not working on SharePoint Online(O365).

    Reply
    • Felaray says:

      My bad, it works for O365 (public site)…

      Reply
  • Russell says:

    Came across a few issues, with fixes:

    If you try to select Page Layout when uploading the layouts after doing the shareboot.master file, you may come up with the error that list cannot be found.

    I tried everything, but the thing that worked for me is to turn the Server Publishing Features off in the Site, and then in the Collection, and then turn on in Collection, and turn on in Site.
    I then lost the ability to Publish Major Version when uploading the ShareBoot files, so I deactivated then activated the Server Publishing Feature in Site only, and that seemed to work.

    Second issue was that I had to update shareboot.master at the top and bottom of the file to update all file refernces to the css and JS. My site is at http://teamsites.domain.com/sites/mysite/ so I had to adjust all those paths. Check the Chrome Inspector to see if you are missing anything. In the aspx templates, change all the placeholder.it links to https from http, as this may cause issue if sharepoint is on secure links.

    Great template though! Fantastic. Now im trying to put placholders in so that other users can easily edit the homepage without having to edit the .aspx page. Any suggestions anyone? I read somewhere that placeholders need to be the same in .master and the layout? What does that mean?

    Reply
  • Russell says:

    How can you add custom editable areas. Like the 3 boxes at the top of the homepage. I tried adding more “PublishingWebControls:RichHtmlField” fields, but this did not work. Maybe need to add a content type or column type? If someone could advise or point in the right direction, that would be greatly appreciated.

    Reply
  • SimonB says:

    Hi Luis,
    1) I have been able to customize some of the page layout (Home and Contact) but more difficult with the Main page, the footer menu disappear as soon as I delete one of the content section.
    2) Also, how can you replace the Awesome font with another font such as Urbano?

    Anyone did that?
    Thanks and Regards,
    SimonB

    Reply
    • Luis Kerr says:

      1) It looks like some tags were left open after you decided to delete the section.
      2) Replace the Awesome font just like any other external fonts. ShareBoot.master line 37.

      Please, do practice your HTML/CSS skills on much simpler pages before you go for SharePoint templates.

      Reply
      • Russell says:

        Hi Luis, would it be possible to help me with the questions I had above. Ive found a fix fixes with related to viewport and mobiles, but still need help with the rest of the questions.

        Reply
    • SimonB says:

      Big thanks!

      Reply
  • Russell says:

    It wasnt working on mobiles or on Chrome Mobile Emulator. I found out that you need to add the following to ShareBoot.master, in the section:

    Hope it helps someone 🙂

    Reply
    • Chau Bui says:

      Thank you, Russell. This did the trick.

      Reply
  • Russell says:

    Hmm, cant share the html, probably a cross site scripting protection. Basically you need to add the meta viewport tags to the head section. I’ll try a link instead: http://www.dynamicdrive.com/forums/showthread.php?7283Media-Query-problem-website-not-resizing-on-mobile-devices&p=291330#post291330

    Reply
  • Anton says:

    This is an awesome template but unfortunately I cannot find a way to insert my content and images. Can somebody please tell me how to edit this? Many Thanks

    Reply
  • David Jenkins says:

    Luis,

    First, Thank You for this outstanding theme!

    Now, my issue. 🙂 It is a simple one, but I cannot seem to find the solution. In regards to the carousel, I am trying to center the image (ICW making it smaller). I have found the “.fill” in the css file and set it to 50% width. I have tried adding alignment in the “.fill” and on the home.aspx, but neither has centered the picture.

    Again, thank you for this theme.

    Reply
  • Amit says:

    Awesome dude.
    It works like charm.

    Reply
  • rob says:

    i can’t see the theme , i upload the folder the files but i just have oslo and seattle. any idea??? i realize that now the oslo and seatle have a html file too is there any non compatible version of office 365???

    Reply
  • Jason Hall says:

    I don’t have an option for ASP.net Masterpage. My other SP2013 sites have that option. What am I missing?

    Reply
  • Panco says:

    Finally, I managed to install ShareBoot.
    1. Remove the ROOT site collection and re-create it using “Publishing Portal”
    2. follow the guide to upload “Design File”, “ASP NET Master Page”, “Page Layout” files
    3. Set master page to “ShareBoot/ShareBoot”
    4. Add a few pages and assigned those 4 Page Layouts to each page….

    However, when I opened the newly added pages, it is still showing the SharePoint standard bars (ie. “SharePoint … Newsfeed OneDrive Sites … Site Settings” and “SHARE FOLLOW…”) on top of the ShareBoot bar…

    How to hide the standard SharePoint bars?

    Reply
  • Sir Poon says:

    Sorry, but after uploading all contents, setting the content types, publishing every item, and selecting ShareBoot/ShareBoot for the publishing master I get the following error:
    Index was out of range. Must be non-negative and less than the size of the collection.
    Parameter name: index

    Google suggests this may be due to a bad page layout. Has anyone else encountered this and, if so, fixed it?

    Reply
  • Kwame says:

    Hi, I’ve followed all the steps in the guide and the theme just isn’t applying properly. I am able to select the ShareBoot – leftNav page layout but the page looks awful like no styles are being applied. My Quick Launch menus shows up in the left nav as expected but I just see an un-ordered list just with plain bullets. The top navigation doesn’t have any styling applied either and the page does’nt seem to be responsive. What do you think I’m doing wrong?

    Reply
  • Chelsea says:

    Hi All,

    Has anyone figured out a work around for the navigation? Unfortunately I don’t get the option to choose global navigation and was told that I couldn’t use it. Not sure why.

    Maybe I’ll have to build a custom nav. not sure? Any ideas would be helpful.

    This is a great theme! Thank you.

    Reply
    • Dan says:

      Did you find answer to this issue with the navigation?

      Reply
  • Suli says:

    Good Theme to start with. Easy installation.
    I am trying to change the page type. (last part of the installation instructions) and fo some reason, I can not seem to see/list all ShareBoot pages.
    This part “To assign ShareBoot page layouts edit the page and from the “Page Layout” option under Page tab select the necessary page layout.” is not working for me.
    Any idea will be appreciated.

    Reply
    • Luis Kerr says:

      Suli, you’ve missed some steps. After uploading all the files make sure you publish them!
      Also, go to Site Settings and under “Look and Feel” click “Page layouts and site templates” and add all ShareBoot page layouts as preferred page layouts.

      Reply
  • Nrunit says:

    Is this actually working with Sharepoint webparts etc? Is it somehow coverting Sharepoint tables into divs to make everything responsive?

    Reply
  • Adam says:

    Hi,

    Are these only useable for Public sites? Are there any available for Team Sites (publishing) but internal ones?

    Thanks

    Reply
    • Luis Kerr says:

      Sorry Adam, but it only works on Publishing sites not on Team sites.

      Reply
  • amit says:

    Hello,

    I have done all steps but some how after selecting layouts it is now showing look as shown in video also layout.

    also i think js and css files are not loading properly.

    could you pls let me know what i am missing on this.

    Thanks,
    Amit

    Reply
  • Jennifer says:

    I believe I have ShareBoot installed and configured exactly as instructed, but I am unable to change the Page Layout for any page in the site collection. The Page Layout button is disabled. I have tried detaching pages from the layout in SharePoint Designer, but this doesn’t work.

    Reply
  • Charlie says:

    I downloaded ShareBoot.zip. Looks good. I am using Office 365 SharePoint. Are there instructions to install/upload ShareBoot. Thank you.

    Reply
  • Richard says:

    Hi, Luis! I’ve installed Shareboot and it works great, but I’m having issues with the submenu closing on touch events. It works fine in a resized desktop browser, but does not work in mobile devices. Have you seen this issue?

    Reply
  • MIke Wajda says:

    Wow…this really has me excited about doing some stuff in SharePoint! I’ve got ShareBoot up and running, but am getting the following characters at the beginning of almost every paragraph (but not all). Thoughts?

    Looks like this:
    ​​Lorem ipsum dolor sit amet.

    Strange…

    Reply
  • Sean says:

    Hello,
    Thank you for creating this theme it is awesome.
    I have the following questions about the theme. Where to I find the lines to modify the CSS for these items:
    1. The background colour for the drop downs on the menu.
    2. The grey bar that goes across the middle of the page.
    If anyone can help me out on this I would appreciate it.

    Reply
  • Rob says:

    I had to make all of the CSS & JS references fully qualified on SharePoint Online to get everything to render correctly.

    Reply
  • Bob Roth says:

    Sean, just use Chrome Inspect tool (Developer) to figure out what CSS is in charge with the menu.

    Reply
  • Pam says:

    I can’t see the page layouts to add them? Was all of that in the zip file?

    Reply
  • Pradipta says:

    In My O365 site not working 100%. Though the responsiveness in page but if I try to open in Mobile view it redirected to all app page. I can’t see navigation button. I have to click Desktop view to see the page.

    Reply
  • RonK says:

    Hello, it seems that the pages I have created using the theme don’t scale correctly on a mobile device due to a lack of the viewport meta tag. How and where do I add the tag so that it is available for any of the pages I create using your theme?

    Reply
  • Simcha says:

    Hi, thank you for this guide ! I have done step by step all the procedure, but the theme not applied on the site.
    perhaps you can advise what reasons could cause that ?

    thank you so much!

    Reply
  • Howard Bash says:

    I have installed ShareBoot as described and it doesn’t appear to be rendering bootstrap. I also am seeing errors when I view the load of the home page using debugging tools.

    HTTPS security is compromised by http://placehold.it/700×250

    Also, when I attempt to edit the content editor web part, the properties are not accessible and are off the screen top right.

    Reply
  • Brad says:

    Is it possible to make the top navigation work with the default bootstrap behavior of stacked items, rather than the current behavior?

    Reply
  • Steve Vail says:

    Everything seems to be working well except of the images. None of them are responsive – even after I add the class “img-responsive”

    Reply
  • Keith McKnight says:

    Hello, I am curious to understand to why ShareBoot doesn’t work for team sites? Is it due to team site templates and internal references to system pages, controls etc? Has anyone had any success with SharePoint online team sites?

    Look forward to the feedback.

    Reply
  • Jane says:

    Hello and hope you are well. Quick question around this. I have gotten and applied the shareboot theme within which I have created an anonymous site and everything works fine, however anytime someone tries to access the anonymous site, it still always prompts for the SharePoint login information.

    Any idea why this is happening? Thanks for your help.

    Reply
  • Nate Crocker says:

    Hi Luis, I’m in the process of redesigning our SP site and was excited to find your bootstrap solution. I’m fairly new to SP so please excuse what is probably a simple quest. I’m using SP2013 and have set up all the files in the package, however, when I go to make a new page, I go to Site Pages > Files > New Document but New Web Part Page doesn’t show up, only New Wiki Page. For some reason the content type management for the Site Pages library is missing but from what I understand, I’m supposed to create the new Web Part pages from the Site Pages library. How can I create new pages based on your theme, or, how do I access/edit ShareBoot-Home.aspx to play with the dummy content you provided and build the demo like on your YouTube sample?

    Thanks in advance,
    Nate

    Reply
  • Wagner says:

    Thank you for the hard work Luis!
    Quick question… Does your ShareBoot work with SharePoint 2016 / O365?

    Reply
    • Juan Rodriguez says:

      Did you know if ShareBoot work with SharePoint 2016?

      Reply
      • Luis Kerr says:

        Yes, with some tweaks. Just make sure you select 15 for “Compatible UI Version” when you create the new Master Page.

        Reply
  • Spike says:

    Will this version work with SharePoint 2016 on-prem? Has anyone tried it? I love it for 2013 but we are going to 2016 instead.

    Reply
  • Gerardo says:

    “On the pop-up window make sure you select “Design File” for the Content Type and hit Save button.” I don’t have that option. I’ve researched and looked around but can’t find an answer of why I can’t assign “Design File” content type per your instructions. Any ideas? Thanks in advance.

    Reply
  • KFC says:

    In my SPO site, I am getting “something went wrong” error when navigating to document libraries. What should I check?

    Reply
  • Konstantin says:

    Hello. I have the same issue as Jennifer January 21, 2016 at 11:34 AM. Everything worked fine while installing but when I’m on a page the Page Layout button is disabled. Any help will be appreciated.

    Reply
  • Shaz says:

    Hi Luis. Love your themes and use them constantly. Do you have any page templates that allow users to post comments, this would be a great addition to the page layouts? If not do you have any recommendation on maybe including discussion boards or integrating yammer with the pages? Would really like to hear your thoughts.

    Reply
  • No Sun Beach says:

    Interesting…. Back in 2013 we developed a custom theme for SPO 2013 based on an Oslo masterpage. A few years later we found a way to inject the custom components on top any masterpage using a custom action injection and found that to be a lot easier to administer and manage across many sites. we are now looking at Modern SharePoint Pages and the new SPFx framework and not sure what we should do with our theme approaches. How does this guide apply or evolve into that eventually?? But importantly for Microsoft, will they recognize the development of SPFx applications and webparts is bit more complicated than it should be that we need more built-in, “easy” and faster ways to customize Theme and Pages. Will they ever bring back or allow the following in Modern Pages:

    * Custom Action Injection of JavaScript and CSS
    * In page Javascript and CSS with something like Script Editor Webpart (but better)

    What the best way to apply a BootStrap based theme into a SharePoint Online Modern Page?

    Reply
  • Eug says:

    Will this work for SP 2016?

    Reply
  • Patrick Yong says:

    I noticed a couple of issues when your master page is applied

    1. In Edit mode of a publishing page, if you leave the browser idle for sometime, the CPU utilization will spike. From the browser web tool i can see its caused by the Rich Text Editor

    2. When I insert a Media webpart, the Media tab doesnt not show when I select the webpart in Edit mode.

    Reply
  • Daniel says:

    Hi

    I have inherited a SharePoint 2016 Farm that has ShareBoot . I think I might continue to user it as even with December 2017 PU (incl Feature Pack 2) , SharePoint 2016 doesn’t support Modern Look; just CS web parts. I wonder if anyone else is using ShareBoot and what advice you can give to try and emulate the modern look a la SharePoint Online

    Reply
  • Manos says:

    Hello and thanks for all the help you are providing. I want to change the background color on the top navigation where the site name , site settings etc are located. Tried to find it inside the css files with no luck.
    Can you help me plz 🙂

    Reply
  • Mohammed N says:

    This is all working out for me except on the application page. Does any one tried to apply this template on the custom application page under the goes to layout folder ? if so please let me know how you did it.

    Reply
  • Mohammed N says:

    Hello and Thank you for your information on the template. it is all working out for me on sharepoint 2013 . I am wondering if any one out there tried to apply this master page on custom application page under layout ?

    Reply
  • Ben says:

    Hi Luis,

    How do i tweak the code to show Calendar overlay colors in a webpart as its not showing the other calendar view colors.

    Reply
  • Leave a Reply Cancel reply