When do you use containers?

User 131545 Photo


Registered User
668 posts

Hi all,

When do you use containers with the RSD. Witch element do have containers and what are the big different with containers and subgrids?
Can you always use containers and subgrid for your layout?

Kind regards
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 434929 Photo


Ambassador
938 posts

There are in so many ways and situations u can use container.

Simple way to explain it is when you need to indert a div into another div.

Let say you have
<div> </div>
And u want to have another div inside above div.
Such as;

<div>
<div>
This is your container.
</div>
</div>

Guys at coffeecup are awesometacular.
User 271657 Photo


Administrator
3,816 posts

Mansour, would containers be used for things like maps and other scripts (accordians, sliders, forms)?
Something like:
<div class="location">
<p>Our location and directions:</p>
<div class="map"> <<< container
( Google Map Here )
</div>
<p>Call for more info!</p>
</div>
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2484360 Photo


Registered User
3,293 posts

paintbrush wrote:
Mansour, would containers be used for things like maps and other scripts (accordians, sliders, forms)?
Something like:
<div class="location">
<p>Our location and directions:</p>
<div class="map"> <<< container
( Google Map Here )
</div>
<p>Call for more info!</p>
</div>


For a map, you would use the HTML Element. While it is a container itself, it is used to insert custom HTML and scripts to a page.

As Mansour pointed out a container is just a way to place a div within a div. It can be used in many different situations but mainly is used to provide more control over positioning of different elements within a design.

Such as adding an image with a figure comment below it, wrapped around a paragraph or to add a different colored background to an already colored column:

http://www.coffeecup.com/files/articles/container-example.jpg

One thing to note though, is that in support we have seen many people adding containers to a column or adding a sub-grid and not using them. While this will not hurt the visual aspect of your design, it is adding extra code to your page that is not needed. So the one suggestion we give is, to use the container element only when needed. :P
Attachments:

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.