Detailed List

 
 
 

For Corporate 

Views used: Detailed List View

Styles: Style icon is not used

Fields used in the Dialog:

  • Properties: Title, Type/size
  • Views: All fields.
  • Image: All fields

 

DESCRIPTION: This Component is used to configure Asset and text in any page, below scenarios will tell you ways of using the component.

COMPONENT GROUP: DuPont.Foundation

This component dialog has 5 tabs with below fields:

  • Properties : This tab has the following fields

                   Title: This field is used to configure the title text

                   Type / Size : This field is used to configure the title text font size

                   Title Color : Color pickers to configure the title text color

                   Title Padding: This field is used to configure the title text padding

  • Views: This tab has the following fields  

    Display View: Dropdown to select the view in which the component has to be authored

    Headline: This field has the following fields

    List Items : This is a multi field and has the following fields

                               Title : This field is used to configure the title text

                               Description : RTE enabled plugin with styles and color pickers so configure the text

                               Link Text : This field is used to configure the Button text

                               Link Path : This field is used to configure the Button text redirection path

  • Image: This is a drag and drop field to configure the image

 
 
 

The component dialog appears as in the below snapshot:

 
 
 
 
 
 

After authoring component looks like below:

 
 
 

Detailed List

Renewable Energy

From enhancing shelf life and controlling spoilage to improving oxidation and digestive health, we have your dairy solutions covered.

Read more
Government Works

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquet sapien eu turpis molestie, quis convallis nulla pretium. Morbi efficitur facilisis tristique. Nullam eu interdum nisl, at dignissim libero.

Read more
Food Security

Etiam ornare congue diam ac mollis. Nam luctus est justo, eget aliquam nunc aliquet et. Aliquam et tincidunt sem.

Read more
 
 
 

Example of pages where the component is found:

 
 
 

Authoring URL's: https://digitalplatform-stage.dupont.com/editor.html/content/dupont/amer/us/en/brands/corporate/nomex.html

LiveURL:  https://www.dupont.com/brands/nomex.html

Authoring URL's: https://digitalplatform-stage.dupont.com/editor.html/content/dupont/amer/us/en/brands/corporate/kevlar.html

LiveURL:  https://www.dupont.com/brands/kevlar.html

 
 
 

Detailed list with Icon View

The component dialog appears as in the below snapshot:

The component will look like as

Example of pages where the component is found:

https://digitalplatform-stage.dupont.com/editor.html/content/dupont/amer/us/en/building/contact-us.html

 

https://digitalplatform-stage.dupont.com/editor.html/content/dupont/amer/ca/en/personal-protection/tyvek-protective-apparel-contact-us.html