Actions

Translations

New Template System in LS3.x/65/nl: Difference between revisions

From LimeSurvey Manual

(Created page with "=== Een eigen font-selector === Je kunt nu niet eenvoudig de font-selector toevoegen aan je eigen fount in opties. Wij moeten eerst de eindgebruiker de mogelijkheid geven om...")
 
No edit summary
Line 7: Line 7:
*Voeg in je css-bestand twee classes toe:
*Voeg in je css-bestand twee classes toe:
<br>
<br>
<syntaxhighlight lang="css" enclose="div">
<syntaxhighlight lang="css">
.font-my_custom_font {
.font-my_custom_font {
  font-family: 'my_custom_font ';
  font-family: 'my_custom_font ';

Revision as of 21:50, 17 February 2022

Message definition (New Template System in LS3.x)
=== Creating your own font selector in options  ===
For now, you can't easily use the core font selector to add your own font in options. We need first to give the possibility to end user to upload custom packages (see next paragraph: A look into the Fruity Font Selector ) 
<br>
Here how to proceed:
<br>
*Add two fonts (my_custom_font and my_custom_other_font) into your theme, using CDN or local server 
*Then, in your css file, add two new classes:
<br>
<syntaxhighlight lang="css">
.font-my_custom_font {
 font-family: 'my_custom_font ';
}
.font-my_custom_other_font {
 font-family: 'my_custom_other_font';
}
</syntaxhighlight>
*In the XML file of your theme, add a font option (default one will be my_custom_font) :
<syntaxhighlight lang="xml">
   <options>
       ....
       <font>my_custom_font</font>
   </options>
</syntaxhighlight>

Een eigen font-selector

Je kunt nu niet eenvoudig de font-selector toevoegen aan je eigen fount in opties. Wij moeten eerst de eindgebruiker de mogelijkheid geven om aangepaste packages te uploaden (Zie : De Fruity font-selector nader bekeken.)
Hoe nu verder:

  • Voeg twee fonts (my_custom_font en my_custom_other_font) toe aan je thema, gebruikmakend van de CDN of je lokale server
  • Voeg in je css-bestand twee classes toe:


.font-my_custom_font {
 font-family: 'my_custom_font ';
}
.font-my_custom_other_font {
 font-family: 'my_custom_other_font';
}
  • In het XML-bestand van je thema, voeg een font optie toe (standaard wordt het my_custom_font) :
    <options>
        ....
        <font>my_custom_font</font>
    </options>