100% width designbox block

Can anyone tell me how to create a designbox block that can break out of the 'main content'?

My page width is 998px, so each designbox is a max 998px wide.

I'm looking to create a box that will span the full 100% page width on the homepage/ page_1.

Any help would be great!

Regards,

Richard

 http://www.boonex.com/m/full-width-columns

Thanks, but that is not what I need.

This still confines the block to 998px, not 100% of the page width.

The 'main content' is 998px, as set in the page builder in Administration - ie: I need a block to span the full page/ screen width.

Thanks

put this in your page_1.html before __page_main_code__ to add a block before all other blocks

<div class="page_column page_column_single" id="page_column_1" style="width: 100%">
      <div class="page_block_container bx-def-margin-sec-leftright" id="page_block_custom">
            <div class="disignBoxFirst bx-def-margin-top bx-def-border">
                  <div class="boxFirstHeader bx-def-bh-margin">
                       <div class="dbTitle">Block Title</div>
                       <div class="clear_both"></div>
                  </div>
                  <div class="boxContent">
                        This is the content
                  </div>
              </div>
       </div>
</div>
If you want something else, please explain in more detail.

I think he wants one block to break out of the 998 page width and fill 100% of the users screen, no matter what the screen resolution is. A "responsive" page block?

Exactly, thank you btiesman

hmm! maybe you need to create a new _sub_header_index.html file specially for homepage and put your block there and include the new file by changing this in page_1.html

<bx_include_auto:_sub_header_index.html />

Thank, will give it ago :)

if the other suggestions do not work - could you use the full width columns module and set your homepage only to 100%? It will make the whole homepage 100% so any blocks in columns other than the full width would also be stretched to fit as 100%.

Just a thought.

@prashank - I also waslooking for the same thing but ended up just going with my proposed suggestion cause it was easier, but looking at your suggestion, wouldnt that affect any other custom pages that I created which use the page_1 template? So in theory, I would have to create another page_1.html and call it say page_100000.html and reference all of my new pages to that template, If I use your solution?

 oh reference your index page to page_10000.html instead.

sorry prashank - i should have stated that better

I was thinking to create a copy of the 1.html and call it 10000.html. use the 10000 for my new pages, which would be the same as the original 1.html,and then change the 1.html for the index page and make your proposed changes there.

 why don't you make a copy of page_1.html and make the changes in it then point the index to new file.

that was the other option, i was looking for functionality - and apparently you are telling me the functionality will be solid - either way I do it.