3 Columns grid of 360px,300px,300px

[Demo16]

Hi guys I just bought the VB4 with the CMS. I'm starting adapting the CMS layout to our website but I think it has come limitations. I would like to decide myself the width of the columns in the grid section but it seems to be fixed to their default. Is this correct or am I missing something?

And another thing the grid 3 Column (50%, 25%, 25%) is not like that is like (25%, 25%, 50%). Have you found the same problems?

Alek

--------------- Added [DATE]1264521039[/DATE] at [TIME]1264521039[/TIME] ---------------

No help at all?

[Demo16]

No one else need this feature?

[DJRu]

Same here....

Can't figure how to manage column width using fixed values in pixels.

[Lynne]

You may want to play with the grids. You may create one, then flatten it, and then edit the html for it to however you want.

[Demo16]

Lynne tnx for the reply, I've already tried that but the html code is with div connected to css style. For example:

<div id="bd">
<div class="yui-g" style="width:360px;">
<div class="yui-u yui-panel">
<ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
</div>

in red what I've customized. But it doesn't work anyway.
The problem is that divs you can see when you flat the grid use a CSS class stored on a stylesheet, for this reason you must go and edit also the stylesheet It can be done but if there's an update of the board maybe you'll screw up everything. For this reason I am asking if there's an "official" way to do it.

[Lynne]

If there is an 'official' way, then you should ask over on vb.com. Otherwise, the only thing I know about is to change the grids.

[Demo16]

Originally Posted by Lynne

If there is an 'official' way, then you should ask over on vb.com. Otherwise, the only thing I know about is to change the grids.

but how? As you can see inside the grid the CSS tags won't work.

[Lynne]

I have not played much with changing the grids, so I really can't give you specifics. But, if I were to do it, I would take out the class in the flattened grid there and add my own.

[Demo16]

Originally Posted by Lynne

I have not played much with changing the grids, so I really can't give you specifics. But, if I were to do it, I would take out the class in the flattened grid there and add my own.

right I thought the same thing, but first I need to find the original class, to copy them and just add my customization. And there's really a mess on the CSS and xml files.

I'll try to start a class from scratch and let you know.

--------------- Added [DATE]1264619786[/DATE] at [TIME]1264619786[/TIME] ---------------

Ok problem solved there was a mistake in my code. So I'll post this for everyone.
Maybe you can stick the thread as SOLVED Lynne I don't know.

Let's say you have this default 33%-33%-33% default layout:

<div id="doc3">
	<div id="bd">
		<div class="yui-gb">
			<div class="yui-u first yui-panel">
				<ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
			</div>
			<div class="yui-u yui-panel">
				<ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
			</div>
			<div class="yui-u yui-panel">
				<ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
			</div>
		</div>
	</div>
</div>

you just make like this:

<div id="doc3">
	<div id="bd">
		<div class="yui-gb">
			<div class="yui-u first yui-panel">
				<ul class="list_no_decoration" id="widgetlist_column1" style="width:100%">$column[1]</ul>
			</div>
			<div class="yui-u yui-panel">
				<ul class="list_no_decoration" id="widgetlist_column2" style="width:300px">$column[2]</ul>
			</div>
			<div class="yui-u yui-panel">
				<ul class="list_no_decoration" id="widgetlist_column3" style="width:300px">$column[3]</ul>
			</div>
		</div>
	</div>
</div>

Hope this helps other people.

[Spiritvn]

You can rewrite the grid without the yui, add your own css