Rails: change CSS property dynamically?

Question

I have a need to change the max-width CSS property dynamically depending on how many images there are associated with a given model.

How can I do this w/in Rails 3.1?

(Javascript & SASS/SCSS also at our disposal)

Could that property be in the style of the given tag?

christianblais
– christianblais

2011-08-11 00:51:40 +00:00
Commented Aug 11, 2011 at 0:51 — christianblais
– christianblais, Commented Aug 11, 2011 at 0:51

Flambino · Accepted Answer · 2011-08-11 01:58:33Z

5

I suppose you can do this?

<div style="max-width:<%= @somemodel.images.size * X %>px"> ... </div>

Where X is a single image's width.

Alternatively, you can do

<div class="images count<%= @somemodel.images.size %>px"> ... </div>

And then have CSS rules for div.images.count1, div.images.count2, div.images.count3 etc.. but that's not very scalable, so better stick with a style attribute

answered Aug 11, 2011 at 1:58

Flambino

18.9k2 gold badges44 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rails: change CSS property dynamically?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related