Pages

For general information on theme project pages, visit Theme Pages. The information below is specific to the pages in Gentelella for WireBootstrap.

Component Containers

The pages that demonstrate the use of WireBootstrap components inside the theme have containers to which each component is bound. These are HTML panels that give the component a border and options specific to the theme.

The example below is an excerpt from the filters-select.html page which highlights the Bootstrap Select component. The x_content class is a Gentelella theme container class. The select element is where the component will be bound on the page.

<!-- Begin Content -->
<div class="x_content">
  
  <select id="select"></select>

</div>
<!-- End Content -->

Visit there are empty pages and panels that can be used as a starting point here.

Menus

The menus on each page are dynamically generated using WireBootstrap's Page Menu for Gentelella component. The configuration for the menu items is stored in a configuration file located at \lib\gentelella\gentelella-menu.json. For details on using the component, visit WireBootstrap for Gentelella Page Menu.

new wire.gentelella.menu().render("#gentelella-menu", {
  configUrl: "../../lib/gentelella/gentelella-menu.json",
  currentPage: "Select"            
});