Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Modify Contact Categories listing style in Base3

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I am looking to modify the Contact Categories list to show list a categories content in a "flat" horizontal layout like t3_blank does instead of the "stacked" vertical layout that Base3 uses. I was thinking this would be controlled via com_categories but it looks like both templates are using the core files. Is this layout controlled by CSS or is it in fact controlled by com_categories? Thanks!
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

I'm not a 100% sure what the T3 site looks like and their demo site is a bit worse for wear at the moment

Have you tried changing the display format in the global settings?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,
I don't see any settings in the Global configuration that appear to change the Contact Category layout (I realized I typed "com_categories" above instead of "com_contact category"). I used the T3_blank template that was installed with the Base3 template to view that layout, you can see a sample of it here:
www.bremertonhousing.org/joomla1/index.php/contact/48-housing
Here is a sample of the same Contact category displayed in the default Base3 layout:
www.bremertonhousing.org/joomla1/index.php/about-bha/contact-us/general/48-housing

Thanks!
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
I think we may be talking about different things but just to confirm this can you go to

Global config > contacts > Display format

There are three options

Tabs
Slider
Plain

If you change these does that get what you need?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No, that changes the contact/contact form display, I am trying to change the contact category list display (where it lists all the contacts for the selects category) to a horizontal layout where there is one line for each contact like in the first link above. Thanks again!
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Tim,
You need some custom.css to replicate that.

Try this:
.contact-category li {
list-style-type: none;
background: #eee;
padding: 12px;
border-bottom: 1px solid #ddd;
}

.contact-category li:nth-child(even) {
background:#fff
}

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Thanks Anthony, I am finally back in the office and able to try this out. It has got me started in the right direction but I haven't figured out how to make the individual items (i.e. Name, Title, phone, etc.) show on one horizontal line instead of each on their own line. It looks like the T3 template is using a table instead of a list?
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Tim,

You can add something like this in your custom.css:

.category .list-title {float:left;margin-right:10px}

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
That got me on the right track, thanks again!
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks for the update

Good luck with the rest of the site

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers