Responsive Layout - Row to Span Child Divs

This forum is for all Flare issues related to styles, stylesheets and XML.

Responsive Layout - Row to Span Child Divs

Postby agambina on Thu Jan 11, 2018 2:01 pm

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

Postby agambina on Mon Jan 22, 2018 5:46 pm

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

Postby agambina on Thu Jan 25, 2018 10:28 am

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.
agambina
Propeller Head
 
Posts: 16
Joined: Wed Aug 30, 2017 12:03 pm


Return to Styles, Stylesheets and XML

Who is online

Users browsing this forum: candeelh, dogsma and 2 guests