Page 1 of 1
Layout "Directions Button"
Posted: 07 Mar 2017, 10:16
by elektrofreitag
Hello there,
I´ve got a problem with the layout of my directions button.
From and to are displayed underneath in two lines. How can I Display both fields and the submit-button in one line?
Re: Layout "Directions Button"
Posted: 08 Mar 2017, 21:00
by christine
Hi,
which PM version/Joomla version are you using? In principle it's in one line. More info possible with given URL. Thank you.
Kind regards, Christine
Re: Layout "Directions Button"
Posted: 13 Mar 2017, 10:05
by elektrofreitag
Re: Layout "Directions Button"
Posted: 13 Mar 2017, 12:49
by christine
Hallo,
nun ja, das ganze Layout basiert so denke ich, auf frame work. Ähnlich wie diesem:
https://www.joomshaper.com/documentatio ... eader-code.
Normalerweise kann man ans Ende der template.css was setzen. Hier aber, siehe Link, soll man anders vorgehen.
Daher mal ein Versuch: Ans Ende der phocamaps.css geben:
Code: Select all
.phocamaps-box, form.form-inline {
display:inline-flex;
}
Liebe Grüße, Christine
Re: Layout "Directions Button"
Posted: 13 Mar 2017, 13:02
by elektrofreitag
Super, vielen Dank.
Hat sofort geklappt :-)
Re: Layout "Directions Button"
Posted: 13 Mar 2017, 14:07
by christine
Na wunderbar. Danke für die Rückmeldung.
Liebe Grüße, Christine
Re: Layout "Directions Button"
Posted: 13 Mar 2017, 14:25
by elektrofreitag
Hey Christine,
noch eine Frage..
hast du vielleicht eine Idee, wie man die Darstellung verbessert? Momentan sind die Felder ziemlich "aufeinandergerückt". Wie könnte man den Abstand zueinander am einfachsten verringern?
Viele Grüße
Re: Layout "Directions Button"
Posted: 13 Mar 2017, 15:49
by christine
Hallo,
puhh. Das ist absolute Spielereisache
Wie oben erwähnt, liegt es am Template. Die meisten CSSen sind in der legacy.css und/oder business.css etc. verankert. Du meinst aber schon, den Abstand vergrößern?
Probier folgendes:
Code: Select all
.phocamaps-box, form.form-inline .input, .btn {
margin-left:10px;
margin-right:10px;
}
input.pm-input-route-btn.btn {
padding-bottom:0px;
padding-top: 0px;
padding-left:10px;
padding-right:10px;
}
select#toPMAddressPlgPM1 {
margin-left:10px;
}
Das wars in Moment. Bin dann nämlich weg.
Liebe Grüße, Christine
Re: Layout "Directions Button"
Posted: 13 Mar 2017, 16:17
by elektrofreitag
Perfekt, genau so!
Vielen herzlichen Dank! :)