List Manager Forum

Hello,
you have several options in order to add styles to your list. First, you have available some default classes to style each column (th included). They are automatically created as lm_column_x, so your table has the following styles applied:


th class="lm_tableheader lm_columnheader lm_column_0"
th class="lm_tableheader lm_columnheader lm_column_1"

..and so on.

If you add the lm_column_0 to your template css, or to list manager css

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

you should be able to style your columns as required.

Also you have available a parameter at each field (css class), if you type at the first field the class 'myclass', you will get at the front-end the tds of the table styled this way

Cell Content


Again you can use/add styles of your template or create your own.

For the whole table, you have at lm css this class:

.lm_result table {

}

intended only to remove borders, that you can also style as needed. Please note the rest of styles not present at lm css will be inherited from your template.

Hope this helps, regards

Moonsoft Team

Edited by MSTeam - 17.05.2013 09:49

Hello,
sorry we think we didn't quite understood your issue either. If you want to show a list like for example, the one we can see at the right panel of

Wines->Rose

You will need to create a couple of fields for your list:

Description: Typed html (you can enter a whitespace for the name if you don't want to show it at the list header)
Bottle: Typed number

Then you can fill your list using your html editor for the data

14-18, AGIORGITIKO, NEMEA, GREECE, 2009
Gooseberry , Cherry and Berry fruit.

and also fill the price
28.00


At this point you will have a list with a couple of columns. If you want to style the table in order to make the first column wider, for ex, then you should add to the css file the class

lm_column_0{

//your settings here;

}

same way you can set your borders, backgrounds, etc, you may need to get the look required for each column or the whole table.

Hope this helps, regards

Hello,
if you only type plain text to fill the data, then you only can add style to the whole cell,if you are using the card layout, then the style classes you need to add are:

For the column name

lmcarditem_name{
//your style here;
}
and

for the column data

lmcarditem_data{
//your style here;
}


if you want to place the data below the title of the column, then you can use:

lmcarditem_data{
clear:left;
}


Hope this helps,regards