THEMA:

Nachdem ich heute von der Lite auf die Vollversion umgestiegen bin, habe ich Layoutprobleme in meinen Forms.
Das kleine blaue Fragezeichensymbol (Hint) und der rote Stern (required) stehen jetzt plötzlich links vom Label. Sollten aber eigentlich links vom Eingabefeld stehen. Habe an den Formularen aber nichts geändert. Auch mit default Theme.

Hallo Sven,

also das Problem ist das wir das bei der aktuellen Version auf vielfachen Kundenwunsch geändert haben.

Es gibt aber noch die möglichkeit das im CSS des jeweiligen themes zu ändern.

Dazu öffne bitte folgende Datei:

media/breezingforms/themes/namedesthemes/theme.css

in dieser Datei findest du dann folgendes:

.bfQuickMode .bfRequired {
background: none;
font-size: 100%;
font-weight: bold;
border: none;
padding: 0px 0px 0px 5px;
margin: 0px;
color: #f00;
float: none; // hier dann statt none right eingeben
}

und im folgenden :
.bfQuickMode span.bfTooltip {
width: auto;
padding: 0px 15px 0px 0px;
margin: 0px;
display: inline;
background: transparent url('img/icon_info.png') top left no-repeat;
}

einfach ein float: right; hinzufügen.

Ich hoffe das hilft.

Das Erste mit dem required Stern hat geklappt, das Zweite nicht.
Ich habe kein

.bfQuickMode span.bfTooltip {
width: auto;
padding: 0px 15px 0px 0px;
margin: 0px;
display: inline;
background: transparent url('img/icon_info.png') top left no-repeat;
}

Ich habe nur ein

.bfQuickMode span.hasTip {
background: transparent url('img/icon_info.png') right top no-repeat;
}

mein Eintrag heißt also jetzt

.bfQuickMode span.hasTip {
background: transparent url('img/icon_info.png') right top no-repeat;
float: right;
}

Das bringt aber keine Änderung. Das Fragezeichensymbol steht immer noch ganz links.

Hallo Sven,

welches theme benutzt du denn oder kannst du vielleicht einen Link zum Formular angeben?

Dann kann ich direkt mal schauen wo die richtige stelle ist.

Ich wollte eigentlich das Metallic-Blue verwenden, aber auch im Default hats kein
.bfQuickMode span.bfTooltip

Link zur Testseite: sven-ziesche.de

Hallo Sven,

entschuldige mein Fehler der tooltip für die meisten themes ist in einer anderen Datei.

öffne bitte mal

components/com_breezinmgfroms/themes/quickmode/system.css

Ab Zeile 188 findest du dann :
.bfQuickMode span.bfTooltip {
width: auto;
padding: 0px 15px 0px 0px;
margin: 0px;
display: inline;
background: transparent url('img/icon_info.png') top left no-repeat;
}

und da dann einfach
float:right;

hinzufügen.