Slider, Tabs, Accordion, Polaroids : Tabs and Accordion features
Tabs and Accordion features
Responsive website design Rockwell includes Tabs and an Accordion as design elements on the home page, which is edited using the myDB icon in the LiveEdit Dashboard. Here is some basic information and editing steps.
C:\Users\Brenda\Documents\Computer\Micronet\Videos\play_button_50.jpgC:\Users\Brenda\Documents\Computer\Micronet\Videos\play_button_50.jpg - How to edit the Tabs and Accordion in LiveEdit
Figure 1 – Sample website with tabs and accordion design elements
Notes
*
Social media plug-ins are provided by the social media vendor. For instance, as of this writing, instructions for determing your specific Facebook plug-in is located at https://developers.facebook.com/docs/plugins/activity/. Search the internet for “activity feed plug-in” to find instructions for your desired social media feed.
Note: With the Facebook feed, the p tag must include the following id to display on ipad and iphone
<p id=”facebook-like-feed”>
*
Database module feeds may be copied and pasted from your Integration Settings Control Panel. Select the Widgets tab, select Module Feed for the Widget Type, and then select the desired feed. Choose appropriate settings and click Generate. Copy and paste the resulting code into the HTML section of the Dynamic Content area in myDB.
Note: The empty <div> in the generated code, must have something added to it because the editor will strip the empty div if it doesn’t have something in it.
*
Recommended: No more than three tabs should be created to provide optimal viewing on all devices.
*
Recommended: Use short titles for Tabs. Titles that are longer may be truncated on the desktop view.
*
When editing the Tabs or Accordion in myDb, certain fields in the item record are not used and should be left blank: Category – Level 1; Category – Level 2; Keywords and the Photo section at the bottom.
*
The Unique Identifier field is not used in the Tabs item record but is used on the Accordion item record.
*
The Active and Available checkboxes are ignored with the Tabs; the tab will always display regardless of these checkboxes.
*
The Description field may be used instead of the Dynamic Content field to display simple text. But when text/code exists in the Dynamic Content field, the Description text will not display. The Dynamic Content field takes precedence over the Description field. Use the Dynamic Content field for text that requires formatting.
*
The Dynamic Content field support HTML code by clicking the HTML button. Currently embedding photos using HTML code is the only way to support photos within these design elements.
*
The Fields and Templates tabs are not used in this implementation.