Ausrichtung des Bildes

[Sparkiller]

Hi,

ich habe in meinem Template folgenden Code eingebunden:

<we:img name="blah" align="left" />

Jetzt hätte ich aber gerne die Möglichkeit, dass ein Redakteur die Ausrichtung des Bildes selbst auswählen kann. Wie wäre dies am elegantesten zu lösen?

[Dirk Einecke]

Hi.

Dies kann man so machen:

Code: Alles auswählen

<we:ifEditmode>
  <we:img name="blah"/>

  <we:select name="Ausrichtung" size="1">
    <option>Links</option>
    <option>Rechts</option>
  </we:select>
</we:ifEditmode>

<we:ifNotEditmode>
  <we:ifVar name="Ausrichtung" match="Links" type="document">
    <we:img name="blah" align="left"/>
  </we:ifVar>
  <we:ifVar name="Ausrichtung" match="Rechts" type="document">
    <we:img name="blah" align="right"/>
  </we:ifVar>
</we:ifNotEditmode>

[Sparkiller]

Vielen Dank,
aber das Bild wird jetzt nicht mehr angezeigt.

Im Edit-Modus funktioniert alles einwandfrei.

Ist es eventuell ein Problem, dass sich der Code innerhalb eines <we:block> befindet, welcher woanders includet wird?

Hier am Besten die gesamte Vorlage der include-Datei (inklusive Ihres Codes):

Code: Alles auswählen

<we:block name="index_nav_3">
<table width="313" cellspacing="0" bgcolor="#808080">
   <tr>
     <td><table width="100%" border="0" cellspacing="0" bgcolor="#000000">
          <tr>
          <td style="text-align:justify;padding-left: 5px; padding-right: 5px;"><p>

<we:ifEditmode> 
  <we:img name="nav_3_bild"/>
 
  <we:select name="Ausrichtung" size="1"> 
    <option>Links</option> 
    <option>Rechts</option> 
  </we:select> 
</we:ifEditmode> 

<we:ifNotEditmode> 
  <we:ifVar name="Ausrichtung" match="Links" type="document"> 
    <we:img name="nav_3_bild" align="left"/> 
  </we:ifVar> 
  <we:ifVar name="Ausrichtung" match="Rechts" type="document"> 
    <we:img name="nav_3_bild" align="right"/> 
  </we:ifVar> 
</we:ifNotEditmode>

<font size="1">[b]<we:input name="nav_3_headline" type="text" size="20" maxlength="20"/>[/b]
<we:textarea name="nav_3_text" cols="30" rows="5" autobr="on" html="off"/></font></p></td>
          </tr>
          </table>
     </td>
   </tr>
   <tr><td align="right"><a href="<we:href name="nav_3_link" type="int" />">[img]/layout/weiter_1.gif[/img]</a></td></tr>
 </table>

</we:block>

[Dirk Einecke]

Hi.

Wenn das ganze in einem <we:block> steht muss man es etwas anders machen:

Code: Alles auswählen

<we:ifEditmode>
  <we:img name="nav_3_bild"/>

  <we:input name="AusrichtungRechts" type="checkbox"/> Rechts ausrichten
</we:ifEditmode>

<we:ifNotEditmode>
  <we:ifNotEmpty match="AusrichtungRechts"><div align="right"></we:ifNotEmpty>
  <we:img name="nav_3_bild"/>
  <we:ifNotEmpty match="AusrichtungRechts"></div></we:ifNotEmpty>
</we:ifNotEditmode>

[Sparkiller]

Hat funktioniert, vielen Dank!