how to hide a div in umbraco 7

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

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

Christine 115 posts 288 karma points

Apr 07, 2014 @ 16:22

0

How to hide a div in Umbraco 7

Hello,

I'm using Umbraco V7

I've been looking in the forum for this, but I think mine is so simple and the other's that i've read are so much more complex, i have not found anything that has helped me yet.

I just want to hide a div if there is no content. For example:

<div class="feature">

<p>@Umbraco.Field("sbFeatureBox")</p>

</div>

Because feature has background styles, if there is no content, it is still visible so this is why I need to hide it.

Thanks in advance for your help.

Copy Link
Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib

Apr 07, 2014 @ 16:45
101
Hi Christine,

You could do this:
```
@if (CurrentPage.HasValue("sbFeatureBox"))
{
    <div class="feature">
        <p>@Umbraco.Field("sbFeatureBox")</p>
    </div>
}
```
Jeavon
Copy Link
Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib

Apr 07, 2014 @ 16:46
0
Hi Christine

Why not avoid writing out the entire
if the sbFeatureBox is empty?

Try this
```
@if(CurrentPage.HasValue("sbFeatureBox")){
    <div class="feature">
         <p>@Umbraco.Field("sbFeatureBox")</p>
    </div>
}
```
Does that help? :)

You should bookmark the RazorCheatSheet or download it btw.

/Jan
Copy Link
Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib

Apr 07, 2014 @ 16:47

1

Too slow! H5yr Jeavon :)

/Jan

Copy Link
Christine 115 posts 288 karma points

Apr 07, 2014 @ 17:04

0

Thanks that worked! and I will bookmark that CheatSheet :)

Copy Link
Christine 115 posts 288 karma points

Apr 07, 2014 @ 17:05

0

Thanks that worked! and I will bookmark that CheatSheet :)

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?