List Manager Forum

Column Width

User moon_887 2013-01-27 22:14:16

Hi, I am wondering how to adjust the column widths when the list view is on my website, I seem to get the icons at the end 'Edit' 'Detail' and 'Delete' rolling over onto the next line. If I can make the column widths shorter on my other columns then that would make sure they're all on the same line.

Cheers.

Moonsoft support 2013-01-28 10:22:10

Hi,

you can change your styles at the lm css, depending on the version:

joomla/modules/mod_listmanager/assets/css/default2.css
joomla/modules/mod_listmanager/assets/css/default.css

we have set special styles to each column, so you can set fixed sizes for each column, adding the styles:

.lm_column_0{
width: 100px;
}

.lm_column_1{
width: 100px;
}

etc..

, or, set the width for the last column (line 367):

.lm_result table thead tr .lm_tableheader_empty {
background: none repeat scroll 0 0 #FFFFFF;
width: 100px;
}

Hope this helps, regards

User moon_887 2013-01-28 15:19:58

Perfect Cheers

Moonsoft support 2013-02-26 23:05:01

Column Width "Size" controls in the list Edit panel do not have effect. Are these in pixels or %?

Moonsoft support 2013-02-27 09:05:30

Hello,
the size parameter is working with pixels, but it doesn't refer to the list column with, but to the size of the input field when shown at the form (adding or editting data).

If you want to manually set the width of the table columns, you should use css properties as it commented above. Let us know if you need more help with this.

Best regards

Moonsoft support 2013-03-28 21:02:56

I'm trying to edit this css file default2.css in the path you have specified to adjust my column width and it will not affect anything. I've cleared my cache and it's not my browser... Are you sure this is the proper css file?

Moonsoft support 2013-03-29 19:34:22

Hello,
yes, that's the proper path to the css file. Maybe you have any style inherited (maybe from your template), that could make the changes not being visible. If you let us know an url to your list (or place a private ticket if you don't want to publish it here), we'll take a look and confirm which is the stylesheet that's is being applied on your page.

Thanks, regards

Moonsoft support 2013-06-03 22:24:47

You can also search for "white-space: nowrap;" and comment this line out in the hole default.css and default2.css

Moonsoft support 2014-02-18 07:12:50

Are these column-width controls still working the same now (2014)? I tried them in default2.css and they are not working ... does .lm_column_0 mean the leftmost column or first field (maybe not shown)?

.lm_column_0{
width: 100px;
}

.lm_column_1{
width: 100px;
}

etc..

Very powerful css, thanks!

Moonsoft support 2014-02-18 09:58:49

Hello,

Yes, lm_column_0 mean the leftmost column, this is still valid for actual version. Please check if you have any other style that could be conflicting, maybe inherited from your template.

Regards,

...
Support/development 40 hours

With the peace of mind of having a professional team at your service (20% discount)

Buy now!
...
Support/development 10 hours

Get a bigger amount of hours for more complex tasks and get a 10% discount

Buy now!