Accordions, Dropdowns and Tabs

This page will provide examples of the accordion, dropdown, and tab options available for use within the site.

Components shown on this page include: 

In This Section

Accordion

Rendering Item Path: /sitecore/layout/Renderings/Methodist/Components/Accordion

Status: Active

Description: Accordion with title, bold, line, FAQ treatment and adjustable margin settings.

Component Specifications

  • Title in Bold Field Type: Checkbox
  • Title Field Type: Single line text
  • With Line Below Field Type: Checkbox
  • Use H2  Field Type: Checkbox
  • Use FAQ Markup Field Type: Checkbox
  • Item Title Tag Field Type: Dropdown
    Selection Options    : P, H3
  • Keep Items Open Field Type: Checkbox
  • Anchor Name Field Type: Single line text
  • Margin Above (px) Field Type: Single line text
  • Margin Below (px) Field Type: Single line text

Accordion item contains Title, Text and Anchor Name

Rendering Item Path: /sitecore/layout/Renderings/Methodist/Components/Quick Links

Status: Active

Description: Expandable links block, lists configure able links to section pages.

Component Specifications

  • Title Field Type: Single line text
  • Link Items Field Type: Enter label and link for each link item

PanelTabView

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

In The News — Recent Press
View All News

Rendering Item Path: /sitecore/layout/Renderings/Methodist/Components/Panels/Panel Tab View

Status: Active

Description: Panel with tabs, title, text, background image or color, overlay box with text, title and link. Supports multiple tabs.

Component Specifications

  • Title Field Type: Single line text
  • Title Tag Field Type: Dropdown
    Selection Options    : DIV, H1, H2, H3, H4, H5
  • Description Field Type: Multiple line text
  • Panels Field Type: Multiple Panels to enter Title, Title Tag, Description, select Links, select Callout, Tab Header, styling for opacity/background/glyphs, mobile and desktop image
  • Anchor Name Field Type: Single line text
  • Title Color Field Type: Single line text
  • Title Weight Field Type: Dropdown
    Selection Options    : 300, 400, 500, 600, 700
  • Margin Above (px) Field Type: Single line text
  • Margin Below (px) Field Type: Single line text

Dropdown filter option Rendering Example

View Live Example

Rendering Item Path: /sitecore/layout/Renderings/Methodist/Shared/DropDownFilterOptions

Status: Active

Component Specifications

None. Used to filter existing dropdowns on a page

SelectACondition

Rendering Item Path: /sitecore/layout/Renderings/Methodist/SelectACondition

Status: Active

Description: Dropdown with condition and center selection.

Component Specifications

  • AllConditions Field Type: Multiple Select
    Selection Options: List of Conditions
  • ViewAllConditions Field Type: Link
  • ConditionsTitle Field Type: Single line text
  • ConditionsWithLineBelow Field Type: Checkbox
  • AllCenters Field Type: Multiple Select
    Selection Options: List of Centers
  • ViewAllCenters Field Type: Link
  • CentersTitle Field Type: Single line text
  • CentersWithLineBelow Field Type: Checkbox

SelectACenter

Rendering Item Path: /sitecore/layout/Renderings/Methodist/SelectACenter

Status: Active

Description: Dropdown selection using data source for condition and centers.

Component Specifications

  • AllConditions Field Type: Multiple Select
    Selection Options: List of Conditions
  • ViewAllConditions Field Type: Link
  • ConditionsTitle Field Type: Single line text
  • ConditionsWithLineBelow Field Type: Checkbox
  • AllCenters Field Type: Multiple Select
    Selection Options: List of Centers
  • ViewAllCenters Field Type: Link
  • CentersTitle Field Type: Single line text
  • CentersWithLineBelow Field Type: Checkbox

CycleOfTranslation

Cycle of Translation Rendering Example

View Live Example

Rendering Item Path: /sitecore/layout/Renderings/Methodist/Research and Education/Components/CycleOfTranslation

Status: Active

Description: Large circular interactive process graphic with accordions.

Component Specifications

  • Paragraphs Field Type: Multiple Selection
    Selection Options: Items within Sitecore folder structure
  • Title Field Type: Single line text
  • Subtitle Field Type: Single line text
  • Description Field Type: Rich Text
  • Ellipsis Image 1 (Repeats for 4 instances) Field Type: Image
  • Background Image Field Type: Image
  • Collapsed Paragraph Glyph Field Type: Multiple Selection
    Selection Options: Items within Glyphs folder structure
  • Expanded Paragraph Glyph Field Type: Multiple Selection
    Selection Options: Items within Glyphs folder structure

DynamicTabs


Rendering Item Path: /sitecore/layout/Renderings/Methodist/DynamicTabs

Status: Active

Description: Tabbed panel with optional columns, bullets, links, forms and images within the tabs.

Component Specifications

  • Text Field Field Type: Single line text
  • Location Type Search Key - this will appear in the search url. ex: locationtype=pcg ,if this is empty, value in textfield will be used Field Type: Single line text
  • Link Field Type: Link
  • Service Line Tags Field Type: Multiple Links
    Selection Options    : 1045_servicesandspecialties_surgicalservices, cancer, centers-of-excellence, critical-care-medicine, dermatology, ear-nose-throat, endocrinology-diabetes-metabolism, gastroenterology, geriatrics, heart-vascular, hospitalists, imaging-and-radiology, infectious-disease, internal-medicine, mammogram, mens-health, nephrology, neurology-and-neurosurgery, obgyn, ophthalmology, oral-maxillofacial-surgery, orthopedics, palliative-care, pelvic-health, performing-arts, plastic-and-reconstructive-surgery, psychiatry, pulmonology, rehabilitation, rheumatology, spine, transplant, urology, weight-management, wound-care
  • Map Pin Icon Field Type: Image
  • Centralized Locations Supplemental Drop Down Field Type: Multiple Selection
    Selection Options    : Items within DataItems folder structure
  • Centralized Locations Supplemental Drop Down Label Field Type: Single line text
  • Title Field For Display Field Type: Dropdown
    Selection Options    : Items within Templates folder structure
  • ProviderMatch Designation Field Type: Single line text