Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Maarten Boer 61 posts 82 karma points
    Feb 22, 2010 @ 21:32
    Maarten Boer
    0

    Is it possible to use if statement in templates

    Hi

    I'm using a checkbox in my documenttype. This checkbox represent a style setting for a DIV ...overflow: hidden of auto

    I want to use the value of this checkbox to create someting in my template like

    <div test style="overflow:hidden;">  when checked

    or

    <div test style="overflow:auto;"> 

    all depending on the value of the checkbox.

    Is this possible in the template or a macro and how ???

    Im fairly new to umbraco so any help is welcome..

     

    Maarten

     

    Copy Link
  • Jukka-Pekka Keisala 90 posts 226 karma points
    Feb 22, 2010 @ 22:25
    Jukka-Pekka Keisala
    0

    I would use xslt or if xsl is not your cup of tea you can make it in asp.net codebehind <div runat="server" id="myDiv">.

    You can also do it in jquery by adding <input type="hidden" and put value there and when loading page checking the value and putting $("myDiv").css("overflow","hidden")

     

    Copy Link
  • Maarten Boer 61 posts 82 karma points
    Feb 22, 2010 @ 22:39
    Maarten Boer
    0

    i guess im looking for a solution in xslt although it is new to me.

    This means writing a xslt script where i use an if statement. How do i pass the value of the checkbox into the script ??

    Maarten

    Copy Link
  • Kim Andersen 1447 posts 2197 karma points MVP
    Feb 22, 2010 @ 22:44
    Kim Andersen
    2

    Hi Maarten

    I would use XSLT to take care of this problem, and in most cases also use XSLT to render the content inside of the div.

    You could make a new XSLT-file (and macro) and insert something like this:

    <div id="test">
    <xsl:attribute name="style">
            <xsl:choose>
                <xsl:when test="$currentPage/data[@alias='yourAlias'] = '1'">overflow:hidden;</xsl:when>
                <xsl:otherwise>overflow:auto;</xsl:otherwise>
            </xsl:choose>
        </xsl:attribute>
    </div>

    Well, actually I would make the styling in a seperate css-file, and then just have two different clases to apply to the div like this:

    <div id="test">
        <xsl:attribute name="class">
            <xsl:choose>
                <xsl:when test="$currentPage/data[@alias='yourAlias'] = '1'">hidden</xsl:when>
                <xsl:otherwise>notHidden</xsl:otherwise>
            </xsl:choose>
        </xsl:attribute>
    </div>

    Hope you understand, otherwise say so, and we'll figure it out :)

    /Kim A

    Copy Link
  • Aaron Powell 1708 posts 3046 karma points c-trib
    Feb 22, 2010 @ 23:14
    Aaron Powell
    5

    You can do it with server script blocks:

    <% if(umbraco.presentation.nodeFactory.Node.GetCurrent().GetProperty("my_property") == "0") { %>
<div style="overflow:hidden">
<% } else { %>
<div style="overflow:auto">
<% } %>
<!-- my content goes here -->
</div>
    Copy Link
  • Maarten Boer 61 posts 82 karma points
    Feb 25, 2010 @ 12:48
    Maarten Boer
    0

    Hi Guy's

    Thanks for the response. Both options XSLT and ASP work fine.

    ASP Crossed my mind because that's a language i'm familiar with.

    But since i'm trying to learn XSLT, the first options is up and running on my site.

    I LOVE UMBRACO :)

     

    Maarten

    Copy Link
  • Kim Andersen 1447 posts 2197 karma points MVP
    Feb 25, 2010 @ 18:57
    Kim Andersen
    0

    Glad that we could help Maarten.

    Please remember to mark an answer as the solution.

    /Kim A

    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies