Auslesen einer eigenen Designvariablen

Hallo,

Frage: Wie kann ich einen Wert, der als"Benutzerdefinierte erweitere Eigenschaft" definiert wurde, in einer style_design.css nutzen?

Ich habe mir eine eigene "Benutzerdefinierte erweitere Eigenschaft" angelegt. Dieser will ich nun das Generieren der style_design.css nutzen. Nur wie?

Ich habe es mal mit <cc:print value="&site.properties.eyecatcher.caption.md"> probiert.

Leider ist da aber nix übernommen worden.

Danke

Zeig' uns doch mal, wie Du die eE in der config.ccml geschrieben hast...

...und dann zeig' uns den betreffenden style-Eintrag, wo Du sie nutzen willst.

Was bedeutet dieser Satz? Ich verstehe ihn nicht.

Hallo,

ok mit der entsprechenden Zeile ist es vielleicht leichter:

Das ist der Teil der styles_design.css

#eyecatcherbox>ul>li>div>h1 {
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 52px;
	font-weight: normal;
<cc:if cond="&site.properties.design.captionanimate">
    transition: transform 2.0s, opacity 2.0s;
	transform: translate3d(0,-60px,0);
	-webkit-transition: -webkit-transform 2.0s, opacity 2.0s;
	-webkit-transform: translate3d(0,-60px,0);
	opacity: 0;
</cc:if>
}

Hier möchte ich, dass " transform 2.0s" varriable gestallten.

Deswegn habe ich mir unter  "Benutzerdefinierte erweitere Eigenschaft" die Varriable "eyecatcher.caption.md" angelegt.

Jetzt klappt es nur nicht mit dem auslesen der Varriablen.

Ich hatte es mit:

transition: transform <cc :print value="&site.properties.eyecatcher.caption.md">s, opacity 2.0s;

probiert.

Ronald

Jetzt wissen wir zumindest, dass Du mit den eE einen Wert erzeugen willst, den Du dann mittels eE gegebenenfalls auch anpassen kannst.

Durch Deine Angaben wissen wir jetzt auch, wo er in der style-Datei dann eingefügt werden sollte.

Was wir aber noch nicht wissen ist, wie Du diese eE denn in der config.ccml definiert hast...?

Wie heisst denn Dein entsprechender Eintrag in der config.ccml, also wie kommst Du auf <cc :print value="&site.properties.eyecatcher.caption.md"> ?

Hallo Walti,

das bringt mich wieder etwas weiter

"Wie heisst denn Dein entsprechender Eintrag in der config.ccml"

Da habe ich nichts reingeschrieben!!!

Muss die Varriable irgendwie deklariert werden???

Vieleicht sollte ich besser fragen, ob es eine Anleitung gibt, wie man ein Uservarriable einbaut

Und:

Was muss ich denn in der config.ccml eintragen?

Gruß Ronald

Wenn ich Dich richtig verstanden habe, dann willst Du ja einen jederzeit veränderbaren "Wert" für Deine "transition" erzeugen...?

Dazu musst Du als "Basis" zuerst einmal eine erweiterte Eigenschaft in der config.ccml konfigurieren.

Danach kannst Du den Inhalt, also den Wert, dieser erweiterten Eigenschaft in Deiner style-Datei zuweisen.

P.S.

Eine Anleitung zu den erweiterten Eigenschaften gibt's in diesem Forum im "Files-Bereich" unter "workshop_erweiterte_design_eigenschaften.pdf".

Es gibt mehr als eine Art für benutzerdefinierte Eigenschaften und wichtig ist das user innerhalb der Abfrage. Eine Ja/Nein Eigenschaft könnte daher so abgefragt werden. (Ein Screenshot deiner Konfiguration der Eigenschaft wäre hilfreich)

1
2
3

<cc:if cond="&site.properties.user.captionanimate">
Captionanimate steht auf Ja.
</cc:if>

benutzerdefinierte Ja/Nein Eigenschaft

Hallo nochmal,

Leider funktioniert es immer noch nicht.

Irgendwo mache ich da noch einen Fehler.

Ich habe mir die Anleitung durchgelesen und folgendes eingebaut:

 

 In der config .ccml habe ich folgendes eingebaut:

<cc:property id="design.eyecatcher.caption.md" caption="Eyecatcher Überschrift Einblendgeschwindigkeit move down" folder="Design" targettype="site" targetsubtype="" type="double" default="3.0">

 Und in der styles_design habe ich folgendes angepasst:

#eyecatcherbox>ul>li>div>h1 {
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 52px;
	font-weight: normal;
        <cc:if cond="&site.properties.design.captionanimate">
        /* original */
        /* transition: transform 2.0s, opacity 2.0s; */
        /* RK Anpassung */
        transition: transform <cc :print value="&site.properties.eyecatcher.caption.md">s, opacity 2.0s;
	transform: translate3d(0,-60px,0);
	-webkit-transition: -webkit-transform 2.0s, opacity 2.0s;
	-webkit-transform: translate3d(0,-60px,0);
	opacity: 0;
        </cc:if>
}

 Leider verschwindet nun der ganze Bereich "Transform"  in der css-Datei.

Was mache ich nur falsch????

Gruß Ronald

Benutzerdefinierte erweiterte Eigenschaften und Designeigenschaften (in der Datei config.ccml) sind 2 verschiedene paar Schuhe. Eine benutzerdefinierte erweiterte Eigenschaft muss nicht mehr in dem Design definiert werden und wäre selbst noch konfigurierbar wenn das Design gewechselt wird, es ist sozusagen eine erweiterte Projekteigenschaft.

Deine benutzerdefinierte Eigenschaft wäre also abrufbar per: <cc:print value="&site.properties.user.eyecatcher.caption.md">
die Eigeschaft in config.ccml hingegen per: <cc:print value="&site.properties.design.eyecatcher.caption.md">

Des Weiteren verschwindet der transform Bereich weil der generierte CSS-Code fehlerhaft ist: transition: transform s, opacity 2.0s; da „s” kein gültiger Zeitwert ist.