| 
Welcome, Guest

Userlists need a better layout
(1 viewing) (1) Guest

TOPIC: Userlists need a better layout

Re:Userlists need a better layout 2 years, 2 months ago #126440

  • paceit
  • paceit
  • OFFLINE
  • Junior Boarder
    Junior Boarder
  • Posts: 37
  • Karma: -
I was miffed when I upgraded this week to find that my neat rows of users disappeared as the code structure ANd the CSS classes changed.

The solution supplied is fraught with problems as one needs to edit to code to match a specific list ID. you would also need to add every list ID created if you want your other lists to have the same formatting. suppose my client deletes an existing list and creates another? they would then need to edit the css files each time.

In order to get my clients lists (all of them) as they wanted them (previously)I have now done the following:

In the default.php file I wrapped a span around the TD fields for display purposes:

FROM:

echo "\t\t\t<td valign=\"top\" class=\"cbUserListCol" . $colIdx . "\">" . $this->_getUserListCell( $this->tableContent[$userIdx][$colIdx] ) . "\t\t\t</td>\n";
}

TO:

echo "\t\t\t<td valign=\"top\" class=\"cbUserListCol" . $colIdx . "\"><span class=\"pace_list\">" . $this->_getUserListCell( $this->tableContent[$userIdx][$colIdx] ) . "</span>\t\t\t</td>\n";
}

Then I edited (in my case LUNA) the default.css file and added:

.cbUsersList tbody tr {
float: left;
margin:0;
}

.pace_list {
display: block;
text-align: center;
margin: auto !important;
vertical-align: middle;
background-color: #eee;
border: 5px solid white;
padding-top: 8px;
padding-bottom: 3px;
background-color:#eee;
min-width: 130px;
max-width: 150px;
min-height:160px;
}

.pace_list img {
border:1px solid #fff;
max-height:80px;
}

Personally I strongly feel that one should only need to edit CSS files to achieve the desired display results. In my case I needed the little hack for display purposes, but you could ignore the hack and add all the pace_lists class CSS into the cbUsersList
class.

If there is a simpler, safer or more elegant way please let me know. I've not worked out how to remove the big vertical spaces in the search filter options yet.
The topic has been locked.

Re:Userlists need a better layout 2 years, 2 months ago #126446

  • jakobe75
  • jakobe75
  • OFFLINE
  • Platinum Boarder
    Platinum Boarder
  • Posts: 336
  • Karma: 1
I opted not to go the route of modifying the CB core code, as I figured the updates would break it.

My solution worked out perfect for my needs.

I used Praise Builder from JoomlaPraise

these are my results
(the map was not included, that came from JoomlaXTC it just hyperlinks to the proper cb filter list setup from a menu item..but its fast and looks slick)


The search button and cb thumbs are the praise builder template.

Mine set to display in a grid, I added some css tweaks to get 4 in a row and to align properly.


only minor css changes needed to be made, the template give you a backend option to select grid view or list view


helpful?


Post edited by: jakobe75, at: 2010/03/10 16:13
Attachments:
The topic has been locked.

Re:Userlists need a better layout 2 years, 2 months ago #126455

  • paceit
  • paceit
  • OFFLINE
  • Junior Boarder
    Junior Boarder
  • Posts: 37
  • Karma: -
Very nice!! Thanks for sharing. Can the CB template supplied be used / installed independently of the template it comes with? i.e. would it include it's own graphics? Or do I have to install and enable their template as well?

I am using a Yoo template which I cannot change. See www.aamet.net/index.php?option=com_compr...tid=6&Itemid=180 for my effort. But i do like the idea of not having to hack code.
The topic has been locked.

Re:Userlists need a better layout 2 years, 2 months ago #126457

  • jakobe75
  • jakobe75
  • OFFLINE
  • Platinum Boarder
    Platinum Boarder
  • Posts: 336
  • Karma: 1
YES, I am using RT affinity and I installed it without using the "main" joomla template.

as I am too deep into this T template to switch now.

although the main template isnt bad, It just does not suit my needs.

the CB template is a plugin. and it worked flawlessly on my site.

If you try it out and run into problems, use their forum, it has a few answers, but nobody replies.

I had to figure things out on my own.
you can see my post there are still unanswered.

the Praise Builder CB plugin template has a weird function that anything published in your template's LEFT or RIGHT columns
will appear in the CB profile in the LEFT or RIGHT positions.

this can seem like a freeking nightmare but is easily solved by just moving the CB tabs over.

basically just NOT using the Left or Right CB tabs.

On my site this was the main issue:

I had Joomla modules published on the left side in the "left" position.

My cb profile page was a 2 column design so I was using the CB template positions "left" and "middle"

after loading Praise Builder, it looked as though my templates was screwed as it was loading my modules into the cb tabs. but I just moved the tabs from left to middle and from middle to right.

this worked for me as I dont have anything published on the right.

another solution would be to move tabs into the L1C1 or lower positions.

I did not try this approach as just shifting them over worked for me.

this only applies to left and right columns and left and right CB positions.

for me it was an easy work around, but if your using a 3 column CB profile it may not be super easy as then you would have to rely on the L1C1 and lower areas.

this was designed by them so you could load modules into templates, and it works well, its just not configurable and they expect everyone just to use left and right module positions.

I am sure that you could alter the code to read off of other mod positions, but I did not try.

If you PM me I'll send you a link so you can sample my template and see if it works on yours. That way you can try before you buy as they dont have an installable demo.
The topic has been locked.
Time to create page: 0.78 seconds