Responsive Q & A FAQ Module
- Responsive FAQ
- To make the FAQ responsive, check the Full Width box in the Metrics inspector and set the required maximum width.
- How Many Items
- The widget uses the API assets list to add items so it can have up to 99.
- View While Editing
- The answers can be viewed while editing by checking a box in the widget settings.
- Sortable
- The items in the list can be rearranged by simply dragging them up or down in the Assets List.
- Fonts
- The widget can use a web safe font or a non web safe or Google hosted font with a web safe fallback.
- Heading
- The optional Header has an h1 heading and can be styled for font size, color, background color, height and text align.
- Questions
- The questions section can be styled for font size, color, background color, padding and text align.
- Answers
- The answers section can be styled for font size, color, background color, padding and line height.
- Separator
- The item separator can be styled for height and color.
- Container
- The container is an HTML5 <dl> element with the questions contained in a <dt> and the answers in a <dd>
- Container Styles
- There options for adding a border, border radius and box shadow.
- Footer
- The optional footer allows the Q & A widget to create a fully responsive page when used with a suitable header/navigation widget.
- Footer Text
- The footer allows for a single line of text for the copyright info.
- Footer Styeles
- Background color, font solo and font size can be adjusted.
- Auto Date
- Checking a box allows the auto addition and update of the copyright date.
- Back To The Top
- The footer incorporates a smooth scroll, back to the top chevron tab.
- Text Entry
- The text is entered into the widget as HtML so any special characters need to use the correct character code. Example & is written as &