ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• May 14, 2013 at 5:49 pm #4828
  JTFF

  Member

  Post count: 39

  Hi all,

  I was wondering if there is a quick and easy way to set the size (height?) of a given box or set of boxes in Swift page builder.  I’m using three to four side by side on each page, but the boxes are all different sizes (heights) depending on the text and picture within.  I want them all to be the same size irrespective of what’s inside.  The options that I see are either carefully putting spaces and the same height image etc. inside the boxes or just putting raw html code inside the box, which requires tons of other sets of code for pictures links etc. within the box.  I would like to avoid both of these if possible since I’m going to have hundreds of these boxes.

  Thanks again

  May 15, 2013 at 4:08 pm #4950
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Hi,

  There’s no option for that, but you could use the Extra Class and add the same class to all boxes (ex. “homepage-same-height”, no quotes), then style it like so:

  .homepage-same-height {
    height: 300px !important;
    max-height: 300px !important;
  }

  Regards,
  ————————————————————————————————————

  Cosmin
  Support Assistant

  May 16, 2013 at 9:49 pm #5082
  JTFF

  Member

  Post count: 39

  Hi,
  Thanks for your help. This would essentially allow me to have only one box size period correct, i.e., I would have a box that is the same size irrespective of how many rows etc. I have without being able to change it for various pages?
  Thanks again

  May 17, 2013 at 9:33 am #5169
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Yes, that’s right, it would be fixed height no matter what.

  Regards,

  ————————————————————————————————————

  Cosmin
  Support Assistant

  May 20, 2013 at 3:48 pm #5529
  JTFF

  Member

  Post count: 39

  Hi,

  Thanks for your help. I’m not a programmer, but with the help of the web etc., I just used the raw HTML feature of the page builder to punch in code. This allows me to have variable sized boxes on every page but allows me to have fixed boxes and more features anyway. Here is what I did for anyone interested in this same topic. Also, let me know if you foresee problems with this. It’s not elegant, but it works fine now.

  Thanks again

  <div style=”width: 170px; height: 240px; margin-bottom: 15px; border: 7px double black; background-color:#b0c4de;”>
  
  <img alt="TAG DESCRIPTION“src=”IMAGE FILE“width=”170″ height=”240″ />
  <h3 style=”text-align: center;” onMouseOver=”this.style.color=’#1e73be'” onMouseOut=”this.style.color=’black'”> IMAGE DESCRIPTION</h3>
  
  </div>

  May 20, 2013 at 3:50 pm #5531
  JTFF

  Member

  Post count: 39

  <div style=”width: 170px; height: 240px; margin-bottom: 15px; border: 7px double black; background-color:#b0c4de;”>
  
  
  <h3 style=”text-align: center;” onMouseOver=”this.style.color=’#1e73be'” onMouseOut=”this.style.color=’black'”> IMAGE DESCRIPTION</h3>
  
  </div>

  For some reason it didn’t include the a href. Let’s try again.

  May 20, 2013 at 3:52 pm #5534
  JTFF

  Member

  Post count: 39

  I have no idea why it’s cutting our pieces of the code when I post. It’s there when I type it and then it disappears. This is what was missing from the first post: LINK URL/”>

  May 20, 2013 at 3:52 pm #5535
  JTFF

  Member

  Post count: 39

  I give up

  May 20, 2013 at 5:08 pm #5544
  wilsongrouplp

  Member

  Post count: 29

  I think you have to make sure you include the code in a “code” tag. Otherwise the system recognizes it as you trying to make your post coded. ^-^

  May 21, 2013 at 7:14 am #5582
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Hey guys,

  Our forum will interpret HTML code, unless you put it in code or pre tags, with escaped HTML characters (ex. & lt; for < and & gt; for > … no spaces after &)

  Useful tool for posting escaped HTML in pre tags in our forums: http://www.htmlescape.net/htmlescape_tool.html

  Regards,
  ————————————————————————————————————

  Cosmin
  Support Assistant

• Back to forum

  Posted in: Flexform