Responsive Layout - Row to Span Child Divs

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
agambina
Propeller Head
Posts: 16
Joined: Wed Aug 30, 2017 12:03 pm

Responsive Layout - Row to Span Child Divs

Post by agambina »

Hello All,

I was showing off my output to management and had used tables for a 2 column layout. This table was in a responsive DIV and while the other content was responsive, the table wasn't :shock: I'm now in the process of converting anything in a table layout to a Responsive DIVs (RDs) format. I defined a New Responsive Layout using the 6-6 option. For the top row (cell 1 and cell 2), I want a background-color/white font. I've tried assigning unique IDs for Cell1 and Cell2 but the background color doesn't fill the gutters. Similar to a table head row, I want the color to span both cells and am stuck getting the right HTML/CSS. Any help is greatly appreciated.
agambina
Propeller Head
Posts: 16
Joined: Wed Aug 30, 2017 12:03 pm

Re: Responsive Layout - Row to Span Child Divs

Post by agambina »

Solution:

1. Use XML Editor instead Text Editor to create Responsive DIVs.
2. Insert desired # of Rows
3. For top row, create paragraph style with Class for top row:
-Background color
-Font Color
-Padding
-Font Variant (small caps)
4. Copy existing content into Responsive DIVs.
agambina
Propeller Head
Posts: 16
Joined: Wed Aug 30, 2017 12:03 pm

Re: Responsive Layout - Row to Span Child Divs

Post by agambina »

One more item . . . I found it's best to not use copy/paste. I've had to insert images and add text to each DIV "cell" for it to work.
Post Reply