How to create a custom FAQ Module Layout Print

  • Modules, FAQ
  • 0

If you need to display the FAQ List View in different ways you can create your own custom Module Layout. 

  • Navigate to Design > Module Layouts page under the Content section in the sidebar menu. Under each tab you will see multiple default layouts that can be edited and customized. The Default platform Module Layouts cannot be deleted. Although they can be edited.

    FAQ Module Layouts tab

  • To get started, click the FAQ tab and then click the Add Custom Layout button at the bottom of the page.

    Custom FAQ Module Layout window

  • Start byentering a Name for your new Module Layout in the Layout Name field and enter a Decription in the Layout Description field to help other users understand what the layout is used for.
  • The Template HTML field is where you enter your custom HTML code for the Module Layout. To the right you will see the Available Tags box. Clicking the tags will place the clicked tag within your layout wherever the cursor is located. These tags are a way to add dynamic content to your custom Module Layout. Including one of these tags in your HTML will insert any content that particular field would have. When you change the content it will change dynamically in your layout.
  • When you are finished click the Save button or click Cancel button if you want to discard your custom layout.
  • Your custom Module Layout will now appear in the FAQ Module Layouts list. You will notice that your new custom layout is not labeled as a "Default Layout" and has a Trashcan icon for deleting in the "Action" column.

    Custom FAQ Layout list

  • Lastly wherever your {bb_faq} tag is to be displayed you need to add the layout="" parameter to the tag using the Name of the custom layout. For example: {bb_faq layout="Custom FAQ List"}. See {bb_faq} Module for more details.

    Adding FAQ tag to web page

  • The final result is the display of an Unordered List on the Web Page.

    Custom FAQ layout result

 


Was this answer helpful?

« Back

Powered by WHMCompleteSolution