Those same Bootstrap components are only appliable for Classic SharePoint sites and/or pages and are static by nature, needing manual code adjustments in order to modify their correlative content. However, BindTuning offers the Build feature, a bundle of 19+ Web Parts, that constitute a highly functional and dynamic approach to content management, overcoming Bootstrap widgets limitations.
Further information relating to the Build feature, as well as detailed instructions on how to start a trial can be found here.
Locate the theme resources
- Log in to your BindTuning account;
- Locate and open your Design tab;
- Navigate to your Themes Gallery;
- Select your required theme by mousing over it, and clicking on More Details;
- Click on Brand this Theme, followed by your corresponding SharePoint version.
After this procedure has been completed, you'll be redirected to our Customizer Tool. From there, proceed to navigate to the Features and Widgets pages, where you'll be able to find the corresponding HTML structure for any of the existing components.
Sliders
- On the navigation go to Widgets and click on Sliders;
- On Slider click to View code and grab that HTML;
- Find all the HTML elements with the
img src="IMAGE_URL"; - Replace all the URL on
srcfor the URL of the images; - Add the code to your SharePoint Page and Save the page;
- The Slider will display on your page.
Buttons
a, button, or input element. In this example, we will link the button to a specific URL and will, therefore, use the anchor tag element.- On the navigation go to Features and click on Buttons;
- On buttons click to View code and grab that HTML;
- Make the necessary change to make this a link and reference it to Google;
- Save the page;
- If you click on the button, you'll be redirected to Google's website.
Font Awesome
- On the navigation go to Features and click on Icons;
- Get the icon that you intend to use, in this example, we'll use the phone to show a contact;
- Click on the icon and get the HTML code. Make the necessary change to change the number and start with space:
- Save the page;
- You are using the Font Awesome on your page with a contact number.
Comments