nmedia-cdn

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 :

Horreur

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.