Re-sizing the Homepage Message with Widget Toggle

by reezvaan March 24th 2013, 1:49 am

Hello;

I have added two homepage messages on my homepage through "homepage description". And then I added the widget toggle to my forum (www.pacvwr.forumstopic.com). Now when I toggle the widget (on the right), the homepage resizes itself but the homepage messages dont. How can I make the messages to resize themselves with each toggle?

Thanks in advance.

by Jophy March 24th 2013, 7:53 am

Hello,

Is this the tutorial you added?:
https://help.forumotion.com/t78898-show-hide-widgets-script

It works here on the ESF even on the homepage messages.

by reezvaan March 24th 2013, 6:05 pm

yes sir that's what I have used. but unfortunately it doesn't seem to work on the homepage messages.

by Jophy March 25th 2013, 9:08 am

I'm not sure, can you try other themes?

by reezvaan March 26th 2013, 11:48 am

^^^nope, I cant. have a theme designed to go with the club colors and all.

by Sanket March 26th 2013, 12:51 pm

What are the codes you used? They seem to be having fixed width.

by reezvaan March 26th 2013, 3:54 pm

There are total two messages on the homepage. down below is the code that I used. I want both the messages to autofit once the widget toggle is active.

Code:: <!DOCTYPE html> <html> <head> <style type="text/css"> a { text-decoration: none; } a img { border: 0; vertical-align: text-center; } </style> </head> <body> <body style="background-color:#555;"> <table> <tr> <td> <a href="default.php" title="PACVWR ONLINE AIR-COOLED VW REGISTRATION FORM"> <img border="0" src="http://dl.dropbox.com/u/55558317/PACVWR/image002%20(1).png" alt="PACVWR LOGO" style="float:left" width="50" height="50"> </a> </td> <td> <a <h1 style="text-align:Left; font-size:18px; line-height:30px; font-family:Arial Black; color:black; ">PACVWR AIR-COOLED VW REGISTRATION</h1></a> </td> </tr> </table> <iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dHZjbE0teXBhT1B1TkdjOV8ya09IZmc6MQ" width="940" height="410" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> </body> </html> <br> </br> <!DOCTYPE html> <html> <head> <style type="text/css"> a { text-decoration: none; } a img { border: 0; vertical-align: text-center; } </style> </head> <body> <body style="background-color:#555;"> <table> <tr> <td> <a href="default.php" title="PACVWR CONVOY TO 4TH VCCCP CROSS COUNTRY RALLY REGISTRATION"> <img border="0" src="http://dl.dropbox.com/u/55558317/PACVWR/image002%20(1).png" alt="PACVWR LOGO" style="float:left" width="50" height="50"> </a> </td> <td> <a <h1 style="text-align:Left; font-size:18px; line-height:30px; font-family:Arial Black; color:black; ">PACVWR CONVOY TO 4TH VCCCP CROSS COUNTRY RALLY 2013 REGISTRATION</h1></a> </td> </tr> </table> <iframe src="https://docs.google.com/forms/d/1LsRtBhOKXiS-BvAJ_kUUifKeLNrqWUguzwFJF8XenIk/viewform?embedded=true" width="940" height="220" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> </body> </html><div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=206870962792621"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><div class="fb-comments" data-href="http://www.pacvwr.forumstopic.com" data-width="922" data-num-posts="10"></div>

by Sanket March 26th 2013, 3:59 pm

You should not be adding that whole code which contains the whole html page content. Either ways, those iframes have width set as 940. Hence, they won't take up the space when the widget is hidden.

by reezvaan March 26th 2013, 4:03 pm

^^^is there a way to make iframe's width dynamic to autofit with toggle?

by Sanket March 26th 2013, 7:07 pm

I don't think so.

by reezvaan March 27th 2013, 1:30 am

ok thanks. I am thinking there might be a way to port the homepage messages to the bottom of the homepage?

I just switched to invision from phpbb3.

Edit:
P.S.: I have already tried this: http://www.avacweb.com/t137-a-little-html-sidebar-trick-widgets-up-top but it doesn't seem to work.