Formularbygger

Hvordan ændrer jeg dropdownmenuens standardtekst i formularen?

Senest redigeret:

Når du laver en dropdownmenu, vises standardteksten "Vælg [label]* fra listen". 
*Label er det navn, du giver dit felt, fx. "Projekt". 

Genveje til guiden

 


 

Eksempel

Sk_rmbillede_2021-08-16_kl._13.47.05.png
Der kan være brug for at ændre denne tekst, også kaldet placeholder text. Det kan du selv gøre ved at tilføje et kort html script til formularen. Guiden her gennemgår, hvordan du gør.

I det eksempel vi gennemgår, vil vi vise, hvordan du ændrer fra ovenstående til følgende placeholder text: 
Sk_rmbillede_2021-08-16_kl._13.58.02.png

 


 

1. Find frem til formularen

Det første du skal gøre er at finde frem til den formular, du ønsker at ændre:

Vælg Form Builder i OnlineFundraisings hovedmenu. Herefter kommer du til en liste over dine formularer.

Find den formular på listen, som du ønsker at redigere, og klik på dens titel.

formbuilder.png

 


 

2. Find referencen for dropdown-feltet, som du ønsker at redigere standardteksten for

Find det felt, du ønsker at redigere standardteksten for og noter dig, hvad der står under Reference. Den tekst skal du nemlig bruge i dit script.

Sk_rmbillede_2021-08-16_kl._14.12.30.png

3. Indsæt script, som ændrer standardteksten

Scroll ned til sektionen Customise styling, HTML in head, and javascript, og klik på den for at folde menuen ud.
Sk_rmbillede_2021-08-16_kl._14.15.56.png

Her finder du et tekstfelt med titlen Apply javascript with jQuery support to this particular form. Indsæt dit script her. 
Sk_rmbillede_2021-08-16_kl._14.17.34.png

 


 

Sådan skriver du scriptet

Til scriptet skal du bruge feltets reference og den tekst, du ønsker skal være den nye placeholder text. Resten kan du kopiere fra nedenstående tekst:

$('#field_reference option[data-index="0"]').text('Skriv din nye standardtekst her');

I ovenstående eksempel vil scriptet se således ud:

$('#field_projekt option[data-index="0"]').text('Vælg blandt vores projekter');

Gem dine ændringer

Husk at gemme dine ændringer ved at klikke på Update-knappen. 

update.png

Du kan nu klikke på View form, eller genindlæse den side, hvor din formular er indsat, for at se dine ændringer.

 


 

Ved valg af purpose

Ovenstående kan også bruges hvis der skal vælges mellem forskellige purpose (Vælg purposes i formularen). 

Her vil koden se således ud:

$('#field_purpose option[data-index="0"]').text('Vælg blandt vores projekter');

 

Har du nogen spørgsmål, er du velkommen til at skrive til os på support@fundraisingbureauet.dk