Problem with contact list after upgrade 2.5 to 3.3

[NeilHall]

I'm upgrading my site from 2.5 to 3.3.6. Before upgrading my live site, I'm testing on an offline site. Everything looks ok except my contacts list and I can't understand what's the problem.

I had a list of contacts showing name. position and phone number on a single line. This was displayed in table form with cell borders and each alternate row with a different background colour. Clicking on any name displays a full page with photo etc.

After upgrade, I get a bulleted list with phone, name and position displayed on consecutive lines. Different background colour for each contact is retained however and clicking on a name works as expected.

Can anyone tell me how I can get the list back into tabular form please?

Thanks

Neil

[NeilHall]

Further analysis

After comparing page source html from the pre and post joomla upgrade contact pages, I can see that an HTML table is used in the pre upgrade page whereas there's no table in the post upgrade page.

The template/style hasn't changed, so I think the difference must be in the way the Contact Module does the formatting. Problem is I can't see a way of changing either the order of the fields for each contact or of making the presentation more table-like in the Contact Module options

Any suggestions please?

Thanks

Neil

[zeno]

This looks like the same problem I have. I had a contact list in tabular form in 2.5 but migrating to 3.4.4 (using j2xml) all I get is a list of the three items on different rows for each contact:

Phone: <phone number>
<name> [which links to the contact form]
<position>

...and this repeats for each of the contacts.

The List Layout menu settings are all 'Use Global' and they are:

2015-09-20_18h58_05.png

But even changing these, I can't get the contacts into a table with one contact per line:

<name> <position> <phone number>

Any ideas?

[Per Yngve Berg]

It can be your template is missing some css to style the list.

[zeno]

It can be your template is missing some css to style the list.

Wow, that was quick!

I'll check that - I'm using Artisteer and I would have thought it would have had the necessary styles. But if the contact list works on other sites, then it must be something to do with the template (although it worked on the 2.5 site also with an Artisteer template).

I'll let you know...

Thanks for the quick reply.

[Per Yngve Berg]

The output of 2.5 and 3.x is not the same. Try to add "?template=protostar" to the url and see if it's improve.

[zeno]

I didn't know you could force a different template like that! Very useful.

However, I essentially get the same thing (except the phone number is right aligned) with the contact details on separate lines.

[Per Yngve Berg]

Do you have a link to the site?

[zeno]

The contact list on the (j3 test site) is here: http://www.friends-at-the-end.org.uk/j3 ... ntact-list

The equivalent page on the j2.5 site is here: http://www.friends-at-the-end.org.uk/co ... -list.html

[Per Yngve Berg]

Put this in template.css

Code: Select all

.pull-right {
    float: right;
}

[zeno]

I used Custom CSS module to add this CSS and that has helped - the phone number is now on the same line as the name, but the position is still on the line below. It's probably OK at that, but it might be good to make it the same as it was in j2.5.

Any further ideas? Or is this really a template issue rather than a joomla issue?

[zeno]

I'm not an expert, but as far as I can tell, the contact list in j2.5 is formatted as a table and as a li in j3. Does that mean that it's joomla rather than the template that's making the difference?

[Per Yngve Berg]

A table is not responsive. That is why it's changed.

Try this:

Code: Select all

.list-title {
    display: inline-block;
}

[zeno]

Ah. That would explain it.

I tried that CSS but it didn't seem to make any difference (either with or without the previous CSS mod).

I think I'm quite happy with your previous suggestion of adding:

Code: Select all

.pull-right {
    float: right;
}

...so I'll stick with that.

Thanks for your help, Per.

[Per Yngve Berg]

It will make all in one line. I have corrected the syntax. The leading dot was missing.

[zeno]

Ah, thanks for that.