[Opgelost !! ;D] Stylen van velden en buttons Topic is solved

[Gamonon]

Ik krijg het stylen van velden en buttons voor geen meter voor elkaar.

Ik weet prima met css een normaal formulier te stylen maar zodra er zaken
als {$input_field_descript} uit de Bookmark module of  {$input_username} uit
de FEU module bij komen, weet ik echt niet meer hoe ik die moet verwerken.

Voorbeeld gewoon inputveld dat prima werkt: 

#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}



Nu het zelfde met {$input_field_descript} uit de Bookmarkmodule ?

Ik heb het opgegeven....

[Rolf]

Gamonon,
Je hebt deze vraag twee keer in het forum geplaatst, ik heb er hier één van verwijderd.
Rolf 

[Rolf]

Nu het zelfde met {$input_field_descript} uit de Bookmarkmodule Huh?

Ik heb het opgegeven....

Heb je een link? Dan kunnen we even mee kijken...

[Gamonon]

Sorry voor de dubbele post. Ging wat mis met de verbinding.
Rolf, nee ik heb geen link want zoals je weet is de site nog niet online.

Maar de vraag lijkt me ook zonder voorbeeld wel te beantwoorden:
Hoe moeten de cmsms tags zoals boven genoemd in standaard formulier tags verwerkt worden?

Bij iedere module lijkt dat weer anders te werken. Er is nergens in documentatie iets over te vinden,
voorbeelden heb ik ook niet gevonden maar wel veel onbeantwoorde  vragen hierover in het forum.

Het zal toch wel iemand hier gelukt zijn om formulier velden te stylen? Een voorbeeld van het feu
inlog- en het bookmark 'add a link' sjabloon is genoeg, de css maak ik er zelf wel bij.

[Rolf]

Ik denk zelf dat je niet moet kijken naar hoe de module iets maakt, maar wat deze maakt...

Kijk in de gegenereerde pagina wat er voor een input veld o.i.d. is gemaakt en ga dan werken aan de styling.
Even snel Googlen met bijv. 'css input styling' en je vindt al veel info.
Recent is er hier op het forum ook een aantal topics hierover geweest.

®

[Gamonon]

Als de pagina eenmaal gegenereerd is in een php bestand, zijn die Smarty tags uiteraard
niet meer aanwezig ... Wat ik dan kan zien zijn reguliere tags die ik zelf ook wel kan maken.

Google geeft mij, net als dit forum, geen enkel zicht hoe een formfield met deze cmsms tags
opgebouwd moet worden. Ik neem aan dat je het zelf ook niet weet, want anders had je het
zeker verteld.

jammer weer

[Rolf]

Als de pagina eenmaal gegenereerd is in een php bestand, zijn die Smarty tags uiteraard
niet meer aanwezig ... Wat ik dan kan zien zijn reguliere tags die ik zelf ook wel kan maken.

Google geeft mij, net als dit forum, geen enkel zicht hoe een formfield met deze cmsms tags
opgebouwd moet worden. Ik neem aan dat je het zelf ook niet weet, want anders had je het
zeker verteld.

jammer weer

Ik ken verder de Bookmark module niet...

Maar wat ik bedoel te zeggen is dat je een smarty tag op zich niet kan stylen. En dat zul je inderdaad ook niet op Google vinden.
Een smarty tag of een stuk PHP code genereert in de browser de broncode van de pagina (html).
Op deze plaats zal er een bepaalde 'input' code staan (of wat dan ook), deze is wel te stylen door toepassing van een div/class met bijv. input, option etc.
Zet deze styling in het betreffende sjabloon, of om de smarty tag heen en...

Rolf

[Gamonon]

Ik begrijp wat je zegt Rolf.

Ik heb bijvoorbeeld het search veld met button op die manier kunnen stylen. De Smarty tag van search laat
zich dus prima stylen binnen css. Zie mijn zoeksjabloon onderstaand

Code: Select all

...
<input type="text" id="s" name="{$search_actionid}searchinput" class="swap_value" size="18" maxlength="50" value="{$searchtext}" />

<input name="submit" type="image" value="{$submittext}" src="uploads/images/wnn1/btn_search.gif" id="go"/>
...

Het email formulier van Bookmarks en de inlog velden van FEU echter laten zich niet op die manier stylen.
Geloof me, ik heb alle mogelijke manieren geprobeerd om de tags {$input_field_descript} uit de
Bookmark module en {$input_username} uit FEU in css te pakken maar mij lukt het echt niet bij deze twee.
Ik krijg Smarty errors, ascci tekens die zichtbaar worden naast het inlogscherm of gewoon geen input.

Ik kan me niet voorstellen dat er niet iemand is die deze twee velden en buttons wel heeft kunnen stylen.
Na zoveel moeite en tijd hier in gestoken te hebben wil ik het niet opgeven. Vandaar nogmaals mijn vraag hier.

[Rolf]

Als dit je kan helpen, hierbij zomaar wat styling van FEU.

Bijv. Stukje Inlog sjabloon:

Code: Select all

{$prompt_username}: <div class="feu-input">{$input_username}</div>
{$prompt_password}: <div class="feu-input">{$input_password}</div>
...
...

Stylesheet:

Code: Select all

.feu-input input {
        width: 400px;
        border: #009 solid 1px;
        text-align: left;
}

...
...

.feu-input checkbox {
        left: 0;
        border: #009 solid 1px;
}

...
...

Grt. Rolf

[Gamonon]

Rolf, ik heb het snel even geprobeerd en dit gaat werken zo.
De clou zit blijkbaar in de style class die je gebruikt.

De toevoeging 'input' zorgt er dus voor dat het voor een input veld werkt.
Zonder deze toevoeging werkt het namelijk nooit.

Nu vraag ik me alleen nog af of ik dat ergens zelf had kunnen ontdekken.
Waar zou ik ergens meer info kunnen zoeken over deze mogelijkheden?

Super bedankt, ik heb weer wat te doen  ;)