2012-05-18, 08:26 PM
Hi,
I'm trying to get the quick reply form to auto resize itself depending on the size of the thread in both width and height.
I'm able to get the width right for when the site is in mini mode but not the height.
And when I put the site in HD mode it gets all out of whack.
Here's what's happening:
Mini mode: [attachment=26318]
Max mode: [attachment=26319]
Here's my table code in the quick reply template:
I'm using the new advanced quick reply plugin and had to manually past in the smilie insert code for it to show up, it varies in size so it's hard for me trying to figure out how to make this look good.
What do you think?
Side note:
Also I tried disabling that annoying manual resize thing in the bottom right corner of the editor with advice from this 2 year old thread but it didn't work, if you know how to disable via css/html please share too.
I'm trying to get the quick reply form to auto resize itself depending on the size of the thread in both width and height.
I'm able to get the width right for when the site is in mini mode but not the height.
And when I put the site in HD mode it gets all out of whack.
Here's what's happening:
Mini mode: [attachment=26318]
Max mode: [attachment=26319]
Here's my table code in the quick reply template:
<tbody style="{$collapsed['quickreply_e']}" id="quickreply_e">
<tr>
<td class="trow1" valign="top" width="140px">
<strong>{$lang->message}</strong><br />
<span class="smalltext">{$lang->message_note}<br /><br />
<label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" {$postoptionschecked['signature']} /> <strong>{$lang->signature}</strong></label><br />
<label><input type="checkbox" class="checkbox" name="postoptions[disablesmilies]" value="1" /> <strong>{$lang->disable_smilies}</strong></label>{$closeoption}
</span>
{$clickablesmilies}
</td>
<td class="trow1" valign="top">
<div style="width: 95%">
<textarea style="width: 100%; padding: 4px; margin: 0;" rows="12" cols="80" name="message" id="message" tabindex="1"></textarea>{$codebuttons}
</div>
<div class="editor_control_bar" style="width: 97%; padding: 4px; margin-top: 3px; display: none;" id="quickreply_multiquote">
<span class="smalltext">
{$lang->quickreply_multiquote_selected} <a href="./newreply.php?tid={$tid}&load_all_quotes=1" onclick="return Thread.loadMultiQuoted();">{$lang->quickreply_multiquote_now}</a> {$lang->or} <a href="javascript:Thread.clearMultiQuoted();">{$lang->quickreply_multiquote_deselect}</a>.
</span>
</div>
</td>
</tr>
{$captcha}
</tbody>
I'm using the new advanced quick reply plugin and had to manually past in the smilie insert code for it to show up, it varies in size so it's hard for me trying to figure out how to make this look good.
What do you think?
Side note:
Also I tried disabling that annoying manual resize thing in the bottom right corner of the editor with advice from this 2 year old thread but it didn't work, if you know how to disable via css/html please share too.