Divider Line or Horizontal Line between

Question

my requirement is to show the line in between two components (As below sample pic) 
 
 I have tried with section layout but does not suits for my requirement,

Any inputs ...

Stewart Burchell · Accepted Answer

You could use two card layouts, set the 'marginBelow' on the first to "NONE" and configure the decorative bar to be at the bottom and the color of your choosing. For example: 
 {
 a!cardLayout(
 contents: {},
 height: "MEDIUM",
 decorativeBarPosition: "BOTTOM",
 decorativeBarColor: "#FFFF00",
 marginBelow: "NONE",
 style: "CHARCOAL_SCHEME"
 ),
 a!cardLayout(
 contents: {},
 height: "MEDIUM",
 marginBelow: "STANDARD",
 style: "CHARCOAL_SCHEME"
 )
} 
 ....results in this:

Harshit Bumb (Appyzie) · Answer

a!cardLayout(
 style: "#000000",
 padding: "NONE",
 contents: {
 a!sectionLayout(
 divider: "BELOW",
 dividerColor: "#FFF117",
 dividerWeight: "THICK",
 marginAbove: "MORE",
 marginBelow: "MORE"
 ),
 
 }
)

Harshit Bumb (Appyzie) · Answer

Why not. Change the width and color of the divider line and it should look exactly the same.

Divider Line or Horizontal Line between

Top Replies