Hi everyone!
While setting up a list using the seb_blog layout, I've noticed that the width of each column is automatically calculated based on the number of columns in a block.
So, for instance, if TOPBODY-A, TOPBODY-B and TOPBODY-C have any contents, than each column is automatically assigned 33.3% width via CSS (classes cck-w33f,.cck-w34f). If only two columns are present, each gets 50% wide through a shared CSS class (.cck-w50).
After some sleuthing, I found that these automatically generated CSS class assignments could be configured in the "seb_blog - [content_type_name] (list)" template, which is present in the Joomla Templates manager.
After changing the values in the Column Width field from "50,50" to "20,80", however, the same .cck-w50 CSS class is till applied,
Overriding the value of the width property in .cck-w50 is not a choice because both columns (TOPBODY-A and TOPBODY-B) will use it.
seb_blog list template settings:
https://www.dropbox.com/s/g6thmtdu6zz5yqk/Screenshot%202016-10-07%2011.07.06.png?dl=0
Environment:
SEBLOD 3,10.0
Joomla 3.6.2
Any help is more than welcome.
Hi,
you need to go to the list->template tab settings and set columns there like this:
Thank you so much for the prompt reply.
I've set up the number of columns and their width values as per your instruction but apparently the first value (20%) is being applied to both TOPBODY-A and TOPBODY-B, as you may observe in the URL below.
http://dev.exponentus.com/ccbulpt/index.php/pt/membros/diretorio
The list template settings for the Top block now look like this:
https://www.dropbox.com/s/4s3fg9etl36spna/Screenshot%202016-10-07%2013.51.18.png?dl=0
Additionally. I've noticed that the came .cck-w50 CSS class is till applied to the containers surrounding each column.
Sorry for bumping the thread, but I really must find a solution to the issue reported in this thread.
Is this a known bug?
I just tested and it works fine. You have set number of articles to 1 and of course 1 article can't be shown in 2 columns.
Hi Klas,
Thank you for the heads up.
However, mu intention is not to display multiple items in the same row, but one item per row across multiple columns.
The problem is that I haven't found a means to assign width values to each column.
If you check http://dev.exponentus.com/ccbulpt/index.php/pt/membros/diretorio again, you'll see 2 items taking the entire row width, which is what I want.
But I also need to be able to assign TOP-A and TOP-B custom width values, instead of the values automatically calculated by Seblod (50& / 50% for 2 cols; 33,33% for 3 cols and so forth).
I'm wondering if i should just throw all h fields in the MAINBODY position. and then create the layout I'm looking for through CSS overrides.
Thanks once again.
I think you are mixing template positions which reffer to the positions inside each item and blog top/middle/bottom settings, which reffer to the layout for the multiple items. Template settings are for multiple items layout.
To style positions inside each item you can use markup setting and add necessary style there, in fact most users nowdays just use minima template for item with all fields in one position and then add bootstrap styles on each field and some sorrounding div elements (or you can use tempalte override for the same thing)