Гость
03 Май 2013 05:14

Hello,

I think it would be useful to improve a bit geo field template so that it looks like this

with "links" aligned on the right to use what now it's a empty space

and also add some css for smaller screens so that with smaller screens it looks like this

I tried to play a bit with the field template file and css, but I think my css and php knoweledge is not enough to achieve this in the correct way,

I applied "float=left" to the "address &contact" list, but this cause problems if the "link" list is missing, because obviously than the map get wrapped around "address &contact" list and this messes up the layout

Последние изменения: 02 Март 2014


Sergey
Total posts: 13,748
06 Май 2013 00:54

This looks very good.

Instead of style="float:left" you may use bootstrap class pull-left.

<

div class="pull-left">

Although this template looks good we cannot change it. because we do not know what will be there. In your case you have and links and address and map. But what is someone only use links? Or do not use links at all?

What I want to say that style you show is good in your particular case but it does not mean it will fit every configuration. When we just list it one by one, we make it universal. And besides, we added fields templates system so everyone could control output as they want.

Although your example template look awesome, this only can sirve as Idea for others how to style geo field.


Гость
06 Май 2013 02:41

I understand Sergey, the problem is mee too still need a template which can display correctly in case "links" are not there...

do you think there is a solution for this?

I mean, if "links" is not there there sould ****e just an empty space, and not the map wrapped aropund the "address and contacts"


Sergey
Total posts: 13,748
06 Май 2013 04:04

do you think there is a solution for this?

I think make at lease website link required and then there wil be at least one link on the right.


Гость
06 Май 2013 04:08

mhhh... no, it would not be enough flexible for my clients, I'll look for a solution using css, I want the page to adjust depending on which elements are being displaied,

so that:

IF no contacts =>> links saty on the left , white space on the right and map below everything

IF no links =>> contacts stay on the left, white space on the right and map below everything

Работает на Cobalt