Tweak your BindTuning Theme with Widgets

All BindTuning Themes comes with Bootstrap components which you can leverage to build action on your SharePoint pages, improving user experience and engagement.
 

All BindTuning Theme resources are located inside BindTuning Builder, which you can access anytime, even after dowloading your theme. To access theme resources:

  1. Select your theme in the theme gallery;
  2. Mouse over Start your trial and click your SharePoint version;
  3. Inside the Builder Tool all the pages that say Features, Widgets, etc. contain HTML structures that you can use inside your SharePoint pages when a BindTuning theme is applied.
Check below a couple of suggestion of how to improve user experience using these widgets:

Note: An even better experience can be achieved using BindTuning Web Parts. They are easy to configure and fit perfectly with your BindTuning Theme. Try it now!

Want to have rotating images in a banner? Check out Slider

Please Note: you need to have the images stored on your SharePoint Site.
  1. On the navigation go to Widgets and click Slider;
  2. On Slider click to View code and grab that HTML;
  3. Find all the HTML elements with the img src="IMAGE_URL";
  4. Replace all the URL on src for the URL of the images;
  5. Add the code to your SharePoint Page and Save the page;
  6. Save the page;
  7. The Slider will start to work on your page - you can achieve an even better experience with BindTuning Slider Web Part - check it out at http://bindtuning.com/webparts/slider

Create Buttons that imporve user navigation

Button classes can be used on an a, button, or input elements. As an example, we are going to create a button that links to Google (https://google.com) - we will therefore use the a.
  1. On the navigation go to Features and click Buttons;
  2. On buttons click to View code and grab that HTML;
  3. Make the necessary change to make this a link and reference it to Google;
  4. Save the page;
  5. If you click on the button will redirect your page to Google.

It's all about readability - Using Font Awesome Icons

Icons draw attention, improve readability and sum up content. BindTuning Themes allow you to use Font Awesome Icons:

  1. On the navigation go to Features and click Icons;
  2. Get the icon that you intend to use, in this example, we'll use the phone to show a contact;
  3. Click on the icon and get the HTML code. Make the necessary change to change the number and start with space:
  4. Save the page;
  5. You are using the Font Awesome on your page with a contact number.

 

Don't forget to try also BindTuning Web Parts - we have free trials available here and you get all available web parts in one single subscription.

Have more questions? Submit a request

Comments

Got a question?

If you can't find the answer to your question, you can contact us.
We are here and happy to help.

Powered by Zendesk