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

[petermclane]

Originally Posted by 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.

Curious Lynne, where the html is kept once you flatten. In other words, where does one go in order to edit it?

ty,
P

[Lynne]

Originally Posted by petermclane

Curious Lynne, where the html is kept once you flatten. In other words, where does one go in order to edit it?

ty,
P

You edit it right there under the Configure link. It actually creates a new grid template, but you edit it using the Configure button next to the grid name.

[inigo]

Originally Posted by Demo16

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.

I would like to change the grid 2 columns (liquid/liquid) 60%/40% to another one (liquid/fixed) 100%/300px.

The problem is doing this code modification in the grid code, the right column fixes to 300 px, but below is another column of 40% that makes a blank space on the right (because that 40% is bigger than the 300 px of the widgets fixed), so i think i have to touch in other place to fix that other column below the one i have fixed with this mod,

Any ideas?

Thanks

[ravencr]

Adding that code doesn't work for mine for some reason...I want a 20%, 60%, 20% setup, and I can't get it to work at all by flattening the grid and editing the html. Any other thoughts?

Chris

[midnz]

Download the default grids.xml to see how they're made. Make your new grid .xml and then upload it (Grid Manager > Download/Upload Grids).
It worked for me before I stopped bothering with the CMS and started using Logician's Webtemplates instead. More information here.

[Lynne]

Originally Posted by ravencr

Adding that code doesn't work for mine for some reason...I want a 20%, 80%, 20% setup, and I can't get it to work at all by flattening the grid and editing the html. Any other thoughts?

Chris

20,80,20? That doesn't add up.

If you want help, you need to post exactly what you have tried. We can't tell you where you went wrong when you haven't posted your code (please use code tags).

[ravencr]

Sorry, updated it. As soon as I change it, it converts everything to 1 column. I'll see if I can follow the last guy's post too.

[Lynne]

I actually helped a guy with the css for a 20, 60, 20 widget over on vbulletin.com, so you may want to try a search over there.

[ravencr]

Do you know what the title was by chance?

[Lynne]

No I don't. but it was a thread about grids.