Adding a class to html element conditionally with grails tags

grails gsp
Robin Jamieson picture Robin Jamieson · Nov 20, 2009 · Viewed 7k times · Source

With tags, you can do this in a gsp:

<g:if test="${someBean?.aCondition}">
  <div class="aSection">
  ...
  </div>
</g:if>

What I really want to do is add a second 'class' that either contains the 'display:none' or 'display:block' attributes based the value of '${someBean?.aCondition}'.

The final html would like this:

<div class="aSection hiddenItem">
...
</div>

(the div would have 'shownItem' for its class if ${someBean?.aCondition} is true)

The corresponding css:

.shownItem
{
  display: block;
}
.hiddenItem
{
  display: none;
}

What's a good way to achieve this?

Answer

billjamesdev picture billjamesdev · Nov 20, 2009

Easy enough:

<div class="aSection ${someBean?.aCondition ? 'shownItem':'hiddenItem'}">
...
</div>

You can use ${} blocks inside html attributes, no problem, just be sure not to use any double-quotes in your expression block, as that confuses things.

Related questions

How do I call a Grails service from a gsp?

How can I invoke a service directly from a view? I'm trying with ${my.domain.service.method}, but it complains it can't find the property. And no, I don't want to use a controller because the view is a template.

Read More
gsp parameter passing from controller

how can i pass parameters to a groovy server page via a controller that are not an instance of a domain class ?

Read More
how can i render to the gsp view of other controller?

I m new to grails,just started with a small application, I'm searching a solution for below problem, Can any one tell me how can i render to GSP view page of other controller from current controller view page. With …

Read More