List layout customization

15 years 4 months ago #83241 by xoios
List layout customization was created by xoios
I am trying to customize the layout of the list view, that is after a user search, the different columns' width. I basically want to set a static width for columns such as thumbnails and online status. (Since these are always the same no matter screen size. I have searched through the css files and the forums, but can't find anything or I am not really understanding it, is there anyone that can point me to the right file and lines? Thanks a lot!

Post edited by: xoios, at: 2008/12/23 18:23

Please Log in to join the conversation.

15 years 4 months ago #83260 by krileon
Replied by krileon on topic Re:List layout customization
xoios wrote:

I am trying to customize the layout of the list view, that is after a user search, the different columns' width. I basically want to set a static width for columns such as thumbnails and online status. (Since these are always the same no matter screen size. I have searched through the css files and the forums, but can't find anything or I am not really understanding it, is there anyone that can point me to the right file and lines? Thanks a lot!

Post edited by: xoios, at: 2008/12/23 18:23


Try the following in your CB template CSS:
[code:1]
#cbUserTable th {
}
[/code:1]

This will affect all columns though. As the columns do not have a class or ID attached to them. They're just plan ol' <th>.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

15 years 4 months ago #83286 by xoios
Replied by xoios on topic Re:List layout customization
Hmmmz, that's wierd, right now, my list layout only has 3 columns. It looks like the first column width is at about 25%, middle column is 45, and the last column at 30%. Also, the table's header are all aligned center, while the content is aligned left, isn't there a file where this is all set?

Please Log in to join the conversation.

15 years 4 months ago #83334 by geekette
Replied by geekette on topic Re:List layout customization
Interesting that we're all trying to figure out the same thing at the same time.

I did discover that placing the following lines in the appropriate joomla template css will change the rows to be alternating colors

[code:1]

.sectiontableheader {
padding: 5px 5px 5px 5px;
background: #ebebeb;
border-bottom: 1px solid #b4b4b4;
font-weight : bold;
}


tr.sectiontableentry1 td {
padding: 5px 5px 5px 5px;
background: #fafafa;
border-bottom: 1px solid #dcdcdc;
vertical-align:top;
}


tr.sectiontableentry2 td {
padding: 5px 5px 5px 5px;
background: #f0f0f0;
border-bottom: 1px solid #dcdcdc;
vertical-align:top;
}


td.sectiontableentry1 {
padding: 5px 5px 5px 5px;
background: #fafafa;
border-bottom: 1px solid #dcdcdc;
vertical-align:top;
}


td.sectiontableentry2 {
padding: 5px 5px 5px 5px;
background: #f0f0f0;
border-bottom: 1px solid #dcdcdc;
vertical-align:top;
}[/code:1]

Like you and others here, I'm finding the column width is not right for my content and I'm also struggling to figure out how to set it properly.

Doing a View Page Source on a page with the default user list, I see that there are classes assigned to the table cells or columns (cbUserListCol1,cbUserListCol2,cbUserListCol3,cbUserListCol4, respectively). Now I need to find out where the optimum place is to set width and whether or not that will work.

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.360 seconds

Facebook Twitter LinkedIn