We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 23050
    • 1,842 Posts
    Ah ok, en fait, j’utilise rarement d’autres feuilles de style que ma principale, j’ai tendance à tout mettre dans la même. J’avais pas fait gaffe à ce point smiley
      • 3133
      • 98 Posts
      Alors moi j’ai decouvert Modx il y a une semaine et je commence un peu a me faire a votre jargeon mais tout n’est quand meme pas encore tres claire ( c’est chiant les nouveaux hein smiley .

      Pas de probleme pour l’update de la doc, tu as peut etre pas que ca a faire...

      Néamoins, je comprends pas tout a la manip... ca veut dire qu’il faut que je déclare un css dans mon template pour le calendrier? (parsque ca marche po).

      "pour le styler il faut que tu link toi même le fichier dans lequel il y a le CSS pour CALx en respectant les classes définit dans les fichiers modèles" ... c’est a dire :/
      Ils ont fait comme ca les autres? C’est chaud?

      Merci
        • 36624
        • 535 Posts
        oui, dans le <head> de ton template tu mets l’appel au css.. en "dur"..

        <link rel="stylesheet" href="assets/templates/.../agenda.css" type="text/css" media="screen" /> 
        

        si tu veux intégrer ta feuille de style uniquement dans la/ou les pages qui ont le calendrier tu peux utiliser une mini-condition (avec le snippet PHx) qui teste si tu es sur la page X ou Y.. (avec l’api modx c’est possible de le faire automatiquement.. wink )

        moi j’ai fais comme ça en attendant que Jabber release une new version smiley :

         [+phx:if=`[*id*]`:is=`26`:or:is=`42`:then=`{{cssagendalink}}`:else=``+] 
        


        ps:(26 et 42 c’est l’id des pages avec CALx) et {{cssagendalink}} c’est un chunk html qui contient la ligne sus-mentionnée <link... >


          CTRL+SHIFT+U - Clear Cache
          CTRL+SHIFT+H - Hiding Heft Panel
          CTRL+SHIFT+N - Fast Create Resource
          CTRL+ALT+P - Preview Recource (in edit resorce window)
          CTRL+ALT+S - Save
          • 3133
          • 98 Posts
          Rhôôôô j’ai la désagreable impression d’etre dans la peau de Mickael Vendetta (TM) victime de ma boulettitude .... MAis je vais me battre.

          Alors meme si j’ai pas tout compris j’ai fait les demarches que tu m’as suggere Manu ... avec un resultat pas terrible terrible mais peut etre ais je mal executé les divers etapes:

          Cf le png:

          1- linker le css en ’dur’
          2- cree le plugin PHx (en esperant que ce soient les bons parametres)
          3- creation du chunk avec le likage du lien sans information dynamique - je suis en localhost et sous rep localhost/modxfinal/
          4- placage de l’apl

          et un css qui ressemble a ca
          /*************************************************
          SECTION CSS POUR LE CALENDRIER
          *************************************************/
          #CALxContentFr{
          margin: 0;
          padding: 0;
          font-size: 1em;
          margin-bottom: 1em;
          margin-right: 1em;
          margin-left: 1em;
          text-align: center;
          color: White;
          border-color:white;
          background-color: Black;
          }
          /***********
          CSS POUR LES LIENS ET LE MOIS ANNEE
          DE NAVIGATION
          ************/
          #CALxContentFr .navPeriod{
          text-align: center;
          margin:0;
          padding:0;
          margin-bottom:1em;
          text-decoration: none;
          color:white;
          }
          #CALxContentFr .navPeriod a{
          text-decoration: none;
          color:white;
          }
          #CALxContentFr .previousYear img,a,span{
          margin-right: 2%;
          text-decoration: none;
          border: none;
          }
          #CALxContentFr .previousMonth img,a,span{
          margin-right: 2%;
          text-decoration: none;
          border: none;
          }
          #CALxContentFr .nextMonth img,a,span{
          margin-right: 2%;
          text-decoration: none;
          border: none;
          }
          #CALxContentFr .nextYear img,a,span{
          margin-right: 2%;
          text-decoration: none;
          border: none;
          }

          #CALxContentFr .month{
          margin-right: 0%;
          }

          #CALxContentFr .year{
          margin-right: 0%;
          }

          #CALxContentFr .CALxTabOfYearContent{
          border-style: solid solid solid solid;
          color: White;
          width: 100%;
          border: thin solid White;
          }

          #CALxContentFr .CALxTable{
          border-style: solid solid solid solid;
          color: White;
          width: 100%;
          border: thin solid White;
          text-align:center;
          font-size: 1em;
          }

          #CALxContentFr .CALxTable td, #CALxContentFr .CALxTable th{
          border-style: solid solid solid solid;
          color: White;
          border: thin solid White;
          width:14%;
          }

          #CALxContentFr td.emptyDay{
          background-color: black;
          font-weight: bold;
          color:black;
          border: thin solid Black;
          }

          #CALxContentFr td.today{
          background-color: rgb(212,227,186);
          font-weight: bold;
          color:black;
          }
          #CALxContentFr td.inactDay{
          background-color:#D6E7F4;
          color: Black;
          }
          #CALxContentFr td.event{
          background-color:rgb(149,169,100);
          }
          #CALxContentFr td.multiple{
          background-color:rgb(111,147,72);
          }
          #CALxContentFr .titleMulti{
          color:rgb(111,147,72);
          }
          #CALxContentFr td.event a{
          text-decoration:none;
          color:black;
          }
          #CALxContentFr td.event a:hover{
          background-color:rgb(212,227,186);
          }
          #CALxContentFr td.multiple a{
          text-decoration:none;
          color:black;
          }
          #CALxContentFr td.multiple a:hover{
          background-color:#D6E7F4;
          }
          #CALxContentFr td.dayPreviousMonth{
          background-color: Gray;
          }
          #CALxContentFr td.dayNextMonth{
          background-color: Gray;
          }

          /*************************************************
          SECTION CSS POUR LES INFOBULLES
          *************************************************/
          .popperlink{
          z-index: 2;
          visibility: hidden;
          width: 200px;
          position: absolute;
          }

          .linkDetailPopup[<-chunkID->]{
          color:white;
          }
          .textfontClass[<-chunkID->] {
          font-family: Verdana, Helvetica, sans-serif;
          font-size: 1em;
          text-align: left;
          color: Black;
          }
          .textfontClass[<-chunkID->] a{
          color:rgb(111,147,72);
          font-size: 1em;
          }
          .textfontClass[<-chunkID->] a:hover{
          font-weight: bold;
          }
          .capfontClass[<-chunkID->] {
          font-family: Verdana, Helvetica, sans-serif;
          font-size: 1em;
          font-weight: bold;
          color: #ffffff;
          text-align:left;
          }
          .closefontClass[<-chunkID->]{
          font-family: Verdana, Helvetica, sans-serif;
          font-size: 1em;
          font-weight: bold;
          color: #ffffff;
          text-align:right;
          }
          .capfontClass[<-chunkID->],.closefontClass[<-chunkID->] a {
          color: #ffffff;
          font-size: 1em;
          }
          .fgClass[<-chunkID->] {
          background-color:rgb(212,227,186);
          }
          .bgClass[<-chunkID->] {
          background-color:rgb(111,147,72);
          }

          Comment le Calendar sait que la variable css est CALxContentFr?
          C’est peut etre ca le bp?

          Merci encore

          Mika V smiley
            • 23050
            • 1,842 Posts
            Hello smiley

            Si tu veux modifier l’id du conteneur CALx, il te faut utiliser le paramètre &cssId dans ton appel CALx :

            &cssId=`CALxContentFr`


            Et accessoirement, si tu utilises Firefox, installer Firebug... c’est une mine d’or pour debugger wink
              • 3133
              • 98 Posts
              Guess wot ? ca fonctionne!

              Merci smiley
                • 36624
                • 535 Posts
                laugh

                en regardant dans le code de CALx.class.php à la ligne 509 l’insertion du css dans le <head> est commenté.

                cf: http://wiki.modxcms.com/index.php/API:regClientCSS

                j’imagine que ça marchait pas exactement comme il fallait.. mais ça éviterais de coder en "dur" le lien.
                  CTRL+SHIFT+U - Clear Cache
                  CTRL+SHIFT+H - Hiding Heft Panel
                  CTRL+SHIFT+N - Fast Create Resource
                  CTRL+ALT+P - Preview Recource (in edit resorce window)
                  CTRL+ALT+S - Save
                  • 13320
                  • 245 Posts
                  Salut,

                  @bentouch : Alors qui a dit que ça fonctionnait pas ? shocked

                  @manu : à un moment on m’avait demandé de plus linker automatiquement la feuille, mais je vais remettre le paramètre et puis chacun fera ce qu’il voudra. ;p
                    [b]D
                    • 3133
                    • 98 Posts
                    Tu sais quand tu fais 350 manips et que ca marche toujours pas et que t’es persuadé avoir tout fait comme c’est expliqué... tu te sens c** quand même et tu paniques CQFD smiley
                      • 3133
                      • 98 Posts
                      Pour ceux qui, comme moi ce sont posés la question
                      [! .... !] au lieu de [[ .... ]] rien non plus ... c’est quoi la difference entre les deux btw?

                      [[snippet]] permet d’appeler un snippet et de mettre en cache le résultat obtenu, et [!snippet!] permet d’appeler un snippet sans mettre en cache le résultat obtenu