[Infusion-users] FSS columns

Justin Obara obara.justin at gmail.com
Wed May 4 14:41:33 UTC 2011


Hello, 

I've added a jira for this. http://issues.fluidproject.org/browse/FLUID-4202

I was just chatting with a colleague and what you have below looks like how we were going to handle it. 

Thanks
Justin
On 2011-05-04, at 10:13 AM, Anthony Colebourne wrote:

> Hi,
> 
> Many thanks for you help.
> 
> I'm a uPortal user and looking into their css I can see the following;
> 
> /* Removes padding and margin compensations for padding. */
> .fl-col-mixed .fl-col-flex-left {margin-left:200px;}
> .fl-col-mixed .fl-col-flex-right {margin-right:200px;}
> .fl-col-mixed-100 .fl-col-flex-left {margin-left:100px;}
> .fl-col-mixed-100 .fl-col-flex-right {margin-right:100px;}
> .fl-col-mixed-150 .fl-col-flex-left {margin-left:150px;}
> .fl-col-mixed-150 .fl-col-flex-right {margin-right:150px;}
> .fl-col-mixed-200 .fl-col-flex-left {margin-left:200px;}
> .fl-col-mixed-200 .fl-col-flex-right {margin-right:200px;}
> .fl-col-mixed-250 .fl-col-flex-left {margin-left:250px;}
> .fl-col-mixed-250 .fl-col-flex-right {margin-right:250px;}
> .fl-col-mixed-300 .fl-col-flex-left {margin-left:300px;}
> .fl-col-mixed-300 .fl-col-flex-right {margin-right:300px;}
> 
> I'm not sure which you would consider the better solution? However I'm just experimenting and do not need a production quality solution at this stage.
> 
> Thanks again,
> 
> Anthony.
> 
> 
> On 04/05/11 14:13, Cheetham, Anastasia wrote:
>> 
>> On 2011-05-04, at 6:35 AM, Anthony Colebourne wrote:
>> 
>>> I need one fixed-width column on the right and one
>>> flexible-width column.
>> 
>> Anthony, I've played with this a bit more, and I'm realizing that our column classes aren't currently suited to right-side columns. The solution I proposed doesn't actually work properly.
>> 
>> I'm going to file a request to add proper support for right-side sidebars, but in the meantime, you could extend the FSS with the following classes:
>> 
>> .fl-col-mixed-right-200 .fl-col-fixed {width:200px;}
>> .fl-col-mixed-right-200 .fl-col-flex {margin-right:220px;}
>> 
>> (adjust the number to whatever width you'd like for your fixed-width column)
>> 
>> Then, your markup would use "fl-col-mixed-right-200" instead of "fl-col-mixed-200" on the container div, and fl-force-right on the fixed-width column.
>> 
>> Let me know if this works for you.
>> 
> _______________________________________________
> Infusion-users mailing list
> Infusion-users at fluidproject.org
> http://fluidproject.org/mailman/listinfo/infusion-users




More information about the Infusion-users mailing list