Joomla Templates Club 406,261 posts

[rnsparks Friend rnsparksJoin date: September 2007Posts: 2Downloads:0Uploads:2 Thanks: 2]

#136799

I have an issue with the Community Builder user profile template ja_sanidine that was included when I downloaded JA Sanidine. The attached images illustrate the issue better than I can explain.

I have so many tabs at the bottom of Community Builder user profiles when the user is logged in (not for public viewing). This causes the tabs to wrap to 2 lines. When you click the tab at the far right of the first line, the left tab of the second line jumps up below the selected tab, creating 3 rows. This doesn’t happen with any of the other profile templates that came with Community Builder, only the ja_sanidine template. I tried to adjust it by making the CSS padding/margins for the tabs smaller, but the issue persists. I can’t locate the code that controls the line of tabs…

Any idea how I can fix this?

My website is http://www.quiltmax.com – look under the Community menu link. I am using Joomla v 1.5.8, Community Builder v 1.2 RC 4. Other than the included components provided with Sanidine template, I’ve also added Auction Factory 1.5.2 and uddeIM 1.5 and Xmap 1.2 – which shouldn’t have anything to do with this issue.

Thanks for any help!
Richard

---

Attachments:

1. 
2. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#285079

hi,

Please open template.css, at about line 154, find following code section:

.dynamic-tab-pane-control .tab-row .tab {
background:transparent url(tab-bg.gif) no-repeat scroll left top;
cursor:pointer;
display:block;
float:left;
font-size:90%;
margin:0 5px 0 0 !important;
padding:0 0 0 5px !important;
position:relative;
top:0;
white-space:nowrap;
z-index:1;
}

and change to:

.dynamic-tab-pane-control .tab-row .tab {
background:transparent url(tab-bg.gif) no-repeat scroll left top;
cursor:pointer;
display:block;
float:left;
font-size:90%;
margin:0 5px 0 0 !important;
padding:0 0 0 5px !important;
position:relative;
top:0;
white-space:nowrap;
z-index:1;
height:25px;
}
-> Add the height for h2 tag.

Hope it helps.

1 user says Thank You to JA Developer for this useful post

1. rnsparks

[rnsparks Friend rnsparksJoin date: September 2007Posts: 2Downloads:0Uploads:2 Thanks: 2]

#285260

Thanks so much! That solved the problem. 😀

I only had to add height:25px; to components > com_comprofiler > plugin > templates > ja_sanidine > template.css as suggested. It wasn’t necessary to add the height to the H2 tag.

Thanks again for the quick reply!! Joomlart rocks!
Richard

[fishbone Friend fishboneJoin date: January 2009Posts: 7Downloads:0Uploads:1]

#290488

I think I hijack this thread 😛 (as it is in same category)

I have another issue with the userlist, see attached jpg.
Everything else with the Sanidine theme for CB is working

The list off the user is way off where it should be
Anyone able to help me out?

Using Joomla 1.5.9 & CB 1.2

/Regards, FishBone

---

Attachments:

1. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#290583

Hi fishbone,

It is a very strangle.
I thinnk you have changed a lot of code.

Please send me your live url via PM, i will check this issue.

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#290590

Hello,

This seems like a float issue to me. Can you post the live url please?

Regards,
Mihir C.

[fishbone Friend fishboneJoin date: January 2009Posts: 7Downloads:0Uploads:1]

#290620

I have sent url link to both of you.
And I checked now with IE, it shows right there so only in firefox it shows wrong. Have not checked with any other browser (dont have any else installed atm)

[fishbone Friend fishboneJoin date: January 2009Posts: 7Downloads:0Uploads:1]

#290680

Think I solved.
in template.css

/* For user-lists: */
table#cbUserTable {
width:100%;
border-width: 0px;
border-collapse: collapse;
margin: 8px 0px 10px 0px; /*Mike : 0px*/
padding: 0px;
}

table#cbUserTable td { padding: 5px; }

table#cbUserTable th { padding: 5px; font-weight: bold; }

.cbUserListSearchButtons { margin: 4px 0px 10px 0px; }

.cbUserListSearch { margin: 0px; border-width: 0px; padding: 0px; width:100%; }

.cbUserListSearchBox { float: left; text-align: left; width: 47%; }

div.cbUserListChanger { float: right; text-align: right; width: 47%; }

div.cbUserListChanger div.cbUserListChangeItem { margin-bottom: 6px; text-align: right; }

.cbUserListDescription, .cbUserListResultCount { margin-bottom: 10px; }

#cbUserListsSearchTrigger { display: none; }

.cbUserListHrTop {
display: none;
} /*mike : ajout*/

.cbUserListHrBottom {
display: none;
} /*mike : ajout*/


And changed it to (from the default themes template.css file)

/* For user-lists: */
table#cbUserTable { width:100%; border-width: 0px; border-collapse: collapse; margin: 0px; padding: 0px; }

table#cbUserTable td { padding: 5px; }
table#cbUserTable th { padding: 5px; font-weight: bold; }
.cbUserListSearchButtons { margin: 4px 0px 10px 0px; }
.cbUserListSearch { margin: 0px; border-width: 0px; padding: 0px; width:100%; }
.cbUserListSearchBox { float: left; text-align: left; width: 47%; }
div.cbUserListChanger { float: right; text-align: right; width: 47%; }
div.cbUserListChanger div.cbUserListChangeItem { margin-bottom: 6px; text-align: right; }
.cbUserListDescription, .cbUserListResultCount { margin-bottom: 10px; }
#cbUserListsSearchTrigger { display: none; }

Works fine now
Thanks for the involvement tryning to help me 🙂

/FishBone

[Author]

Posts