Posted: 13 May 2016 8:28 EDT Last activity: 6 Jan 2017 17:26 EST
Zebra striping/Odd-Even item styling in Repeating Dynamic Layout
I have a query regarding Odd/Even item styling in Repeating Dynamic Layout. We have a requirement that odd and even items in a repeating dynamic layout would have different styles. How to achieve this using OOTB features?
If we use ‘Grid Repeat Layout’, we can customize the row styling in Skin rule and specify different styles for odd/even rows, below is an example how it looks. However we want use Repeating Dynamic Layout as it is responsive and fully HTML5 compliant.
We added a Section in Grid repeat row which shows the name.
We have done the same thing using Repeating Dynamic Layout, below is the output and we are unable to configure the odd/even item styling.
Please let us know if there is any way to achieve the Odd/Even item styling in Repeating Dynamic Layout.
Currently, the odd-even styling is not supported out of the box in Repeating Dynamic Layout. Either you have to use visible whens to check the index of the section page in the page list or you have to do it with custom CSS.