Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Stephan Sengupta,
Nombre de réponses : 3

Idem pour le bloc "Glossaire"...

En fait idem pour tout les blocs dont le titre est configurable.

clin d’œil

En réponse à Stephan Sengupta

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Stephan Sengupta,

Aïe ! Là je dois dire que je m'attendais pas à ça !

Le dock purge aussi le code HTML du paquetage de langue !

(Vous fiez pas au design des couleurs... on est en test)

Voici ce qui est saisi au niveau du paquetage de langue :

<i class="fa fa-sitemap" aria-hidden="true"></i>
&nbsp;Navigation

Et voici ce qu'en fait le dock :

Le dock purge toute balise HTML. Il est sans pitié et il est impossible de le "feinter".

Où et comment désactiver la purge du dock ?

Le dock n'étant pas un plugin, je ne trouve pas le fichier PHP qui est la cause de ce soucis.

Merci d'avance pour votre aide.

Cordialement,

Stephan


En réponse à Stephan Sengupta

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Patrick Lemaire,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs

Salut Stephan,

J'ai "bricolé" un truc à base de CSS... En ajoutant ça :

body.has_dock #dock .dockedtitle
h2:before {
font-family: FontAwesome;
font-size: 20px;
padding-right: 5px;
}
#yui_3_17_2_1_1496131277397_548:before {content: "\f0e6";}
#yui_3_17_2_1_1496131277397_577:before {content: "\f08d ";}

Ça donne ce résultat là :

Dock

Il faudra adapter chez toi. Je ne sais pas si c'est une bonne chose de s'appuyer sur les ID en YUI.

A bientôt,
Patrick

Moyenne des évaluations Utile (1)
En réponse à Patrick Lemaire

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Stephan Sengupta,

Salut Patrick,

Merci pour l'astuce. J'ai regardé ça à la loupe.

Je partage mes conclusions :

Ta proposition passe par l'ajout en CSS d'un pseudo élément sur l'id yui de l'objet. Mais l'id yui de l'objet peut changer.

De plus cela présuppose que Font Awesome est intégré/installé. Mais dans mon cas de figure , j'utilise Font Awesome CDN en ajoutant simplement un script dans le HEAD. Ce qui charge les fonts depuis le serveur de Font Awesome et m'impose d'invoquer l’icône de cette manière :

<i class="fa fa-sitemap" aria-hidden="true"></i>
Mais, j'ai trouvé comment "feinter" le dock. Je partage ici mon astuce.

Prenons l'exemple du Bloc "Administration".

1. je modifie le "pluginname" administration dans le paquetage de langue comme suit :
<span class="hk_html_blockicon">&lt;i class="fa fa-cogs" aria-hidden="true"&gt;&lt/i&gt;</span>
<i class="fa fa-cogs" aria-hidden="true"></i>
<span class="hk_html_blockname">&lt;span class="hk_html_blockname&gt;</span>
<span class="hk_blockname">&nbsp;Administration</span>
<span class="hk_html_blockname">&lt;/span&gt;</span>
2. je modifie la CSS comme suit :
.dockeditempanel_bd {
width: 100%;
}
.hk_html_blockicon,
.hk_html_blockname {
display: none;
}

Et voici le résultat :


Le reste n'est plus que de la mise en forme.

Cordialement,
Stephan
Moyenne des évaluations Utile (1)