Snippets
Télécharger la dernière version
Comment l'installer?
- Dans Visual Studio / Outils / Gestionnaire des extraits de code
- Importer
- Cocher "My code snippets"
- Terminer
Ensuite dans l'éditeur, vous pourrez tapper un des snippets ci-dessous dans un bloc C# et appuyez sur TAB pour faire apparaître une horreur comme ça :
uMenu
Génère un menu.
Paramètres
| name (default: "mainMenu") |
"mainMenu" | "utilMenu" | "footerMenu" |
| Correspond à l'alias du checkbox cochée pour ajouter une page au menu. |
Possibilité d'en crée des personnalisées |
| subLevel (default: "99") |
<int> |
| Correspond au nombre de sous-niveaux désiré |
Enlever le paramètre si vous ne voulez pas de restriction de sous-niveaux |
| hideSubMenu (default: "") |
"1074, 1078, 1100" |
| Les pages ayant un de ces ID ne génèrera pas de sous-menu. |
Important de séparer les ID avec des virgules. |
| addCultureLink (default: false) |
false | true |
| Ajoute le partialview "LanguageSwitcher" dans le menu |
Possibilité de personnalisé le "LanguageSwitcher" dans le code du Partial du menu. |
| addSearchBox (default: false) |
false | true |
| Ajoute le partialview "SearchBox" dans le menu |
Possibilité de personnalisé le "SearchBox" dans le code du Partial du menu. |
uPicture
Converti une image en webp en générant une balise picture
Paramètres
| alias |
"alias" |
| Correspond à l'alias de l'image cropper défini |
Remplacer alias par l'alias de votre champ |
| url |
@Model.Url | "/images/logo.png" |
| À utiliser lorsque le champ ciblé n'est pas de type image cropper. |
N'importe quoi qui génère un url |
| alt |
"Texte alternatif" | Umbraco.GetDictionnaryItem("alias") |
| Texte alternatif de l'image |
N'importe quoi qui génère une string |
| desktopWidth (default: 0) |
<int> |
| Redimension de l'image en desktop |
|
| desktopHeight (default: 0) |
<int> |
| Redimension de l'image en desktop |
|
| mobileWidth (default: 0) |
<int> |
| Redimension de l'image en mobile |
|
| mobileHeight (default: 0) |
<int> |
| Redimension de l'image en mobile |
|
| desktopQuality (default: 85) |
<int> max: 100 |
| Qualité de l'image en desktop |
|
| mobileQuality (default: 65) |
<int> max: 100 |
| Qualité de l'image en mobile |
|
uLang
Crée un menu de changement de langue. Viens par défaut avec des <li>.
Paramètres
| shortCulture (default: false) |
false | true |
| Si true, affiche le nom version court de la langue (fr, en) |
|
| linkOnly (default: false) |
false | true |
| Si true, génère seulement des balises <a> |
|
| dropdownMode (default: false) |
false | true |
| Si true, génère un sous-menu contenant tout les cultures |
|
uSearch
Crée un form avec une boite de recherche.
Paramètres
| searchResultPageId |
<int> |
| Correspond a l'ID de la page de résultat de recherche |
|
uPopin
Ajoute un popin à la page. Pour modifier son contenu, éditer le partialview. Si vous avez besoin de plus qu'un popin, vous pouvez dupliquer le partialView et modifier l'attribut "nom du partialView" en conséquant (voir l'image plus haut)
Paramètres
| popinName (default: "popin1") |
<string> |
| Sert uniquement pour les fonctionnalités. Doit être unique. |
|
| autoShow (default: false) |
false | true |
| Le popin s'affichera automatiquement après 5 secondes. |
|
| oneTimeShow (default: false) |
false | true |
| Combiné avec "autoShow", un localstorage sera crée et le popin ne réappaîtra plus. |
|