For SharePoint Collaboration sites
Note: This section applies to themes from version x.x.x.2
- Go to your site and edit the desired page
- In the ribbon select the Format Text tab
- Click in the Edit Source option
- In a new browser tab, go to bindtuning.com website and open the theme preview
- In the top navigation, go to Widgets > Sliders
- Copy the HTML code that draws the slider
- Back to SharePoint, open the HTML Editor and copy the following code there:
<div class="MoveToSliderZone">
This will move the slider in the correct place once you Save the page
<-- Paste SLIDER CODE here -->
</div> - Now, paste the slider code in the right place
- Click OK and Save
- The slider will be moved to the slider zone
For SharePoint Publishing sites
Note: This article applies to themes from version x.x.x.6
- Go to your site and edit the desired page
- In the ribbon select the Page tab
- Click in the Page Layout option
- Select one of the orange page layouts included in your theme
- Add a Content Editor web part to the slider zone of the page layout
- In a new browser tab, go to bindtuning.com website and open the theme preview
- In the top navigation, go to Widgets > Sliders
- Copy the HTML code that draws the slider
- Back to SharePoint, edit the Content Editor web part and paste the code there
- Click Save
- Check in and Publish your page, this way it will be visible for all your users
It's good but it could be better by adding guidelines about html code
HTML code sample.
I have Nivo slider working properly in Terra theme (trial version), but in the Flexo theme, the placeholder (SliderZone) is down with the hidden placeholders -- lines 610 - 612
<div class="ms-hide">
<asp:ContentPlaceHolder ID="TitleZone" runat="server" Visible="false">/asp:ContentPlaceHolder
<asp:ContentPlaceHolder id="SliderZone" runat="server" Visible="false">/asp:ContentPlaceHolder
Where should i put the new div to hold this placeholder if i want to use it -- Flexo theme?
I have included the home slider zone theme spc. Where do the banner images sit? demoimages/slider-home-02.png"
Darren, demoimages/slider-home-02.png sits at http://bindtuning.com/cms/sharepoint/office-365-v2013/theme/SPC/page/Home/demoimages/slider-home-02.png
Note that this is an image for demo purposes only.
I am using the Flaat theme and was wondering if there is the best image size for responsive layout?
Hello, I'm using the Ignite theme and would like to set the interval for the slider. Where is the file that contains those settings?