[Focus Responsive] PM editor cut off in Mobile view

KathF · (This post was last modified: 08-16-2019, 08:55 PM by KathF.)

Hello,

You probably know this already, but the PM editor (/private.php?action=send) is cut off in smaller browser windows. I am attaching some screenshots.
Is there any way to make it fit the window as well?

I am using Mozilla Firefox on Windows 10 / Safari on iPhone SE.

Thank you in advance. Smile

KF

***WallBB*** · 08-17-2019, 04:49 AM

Hey KF,
Replace your private_send template with this
Template Path - Admin CP > Templates and Styles > Templates > Focus Templates > Private Template > private_send

Code:
<html>

<head>

<title>{$lang->compose_pm}</title>

{$headerinclude}

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/usercp.js?ver=1821"></script>

</head>

<body>

{$header}

<form action="private.php" method="post" name="input">

<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />

<table width="100%" border="0" align="center">

<tr>

{$usercpnav}

<td valign="top">

{$preview}

{$send_errors}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder tmob_hide">

<tr>

<td class="thead" colspan="2"><strong>{$lang->compose_pm}</strong></td>

</tr>

<tr>

<td class="trow1" valign="top" width="200"><strong>{$lang->compose_to}</strong>

    <script type="text/javascript">

    <!--

        document.write('(<a href="javascript:void(0)" onclick="showBcc(); return false;" title="{$lang->compose_bcc_show_title}">{$lang->compose_bcc_show}<\/a>)');

    // -->

    </script>

    <br /><span class="smalltext">{$lang->separate_names}{$buddy_select_to}</span></td>

<td class="trow1" valign="top"><textarea name="to" id="to" rows="2" cols="38" tabindex="1" style="width: 450px;">{$to}</textarea>{$max_recipients}</td>

</tr>

<tr id="bcc_area">

<td class="trow2" valign="top"><strong>{$lang->compose_bcc}</strong>{$buddy_select_bcc}</td>

<td class="trow2"><textarea name="bcc" id="bcc" rows="2" cols="38" tabindex="1" style="width: 450px;">{$bcc}</textarea></td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->compose_subject}</strong></td>

<td class="trow1"><input type="text" class="textbox" name="subject" size="40" maxlength="85" value="{$subject}" tabindex="3" /></td>

</tr>

{$posticons}

<tr>

<td class="trow2" valign="top"><strong>{$lang->compose_message}</strong>{$smilieinserter}</td>

<td class="trow2">

<textarea name="message" id="message" rows="20" cols="70" tabindex="4">{$message}</textarea>

{$codebuttons}

</td>

</tr>

<tr>

<td class="trow1" valign="top"><strong>{$lang->compose_options}</strong></td>

<td class="trow1"><span class="smalltext">

<label><input type="checkbox" class="checkbox" name="options[signature]" value="1" tabindex="5" {$optionschecked['signature']} />{$lang->options_sig}</label><br />

<label><input type="checkbox" class="checkbox" name="options[disablesmilies]" value="1" tabindex="6" {$optionschecked['disablesmilies']} />{$lang->options_disable_smilies}</label><br />

<label><input type="checkbox" class="checkbox" name="options[savecopy]" value="1" tabindex="7" {$optionschecked['savecopy']} />{$lang->options_save_copy}</label>

{$private_send_tracking}

</span></td>

</tr>

</table>

<br />

<input type="hidden" name="action" value="do_send" />

<input type="hidden" name="pmid" value="{$pmid}" />

<input type="hidden" name="do" value="{$do}" />

<div style="text-align: center;">

<input type="submit" class="button" name="submit" value="{$lang->send_message}" tabindex="9" accesskey="s" />

<input type="submit" class="button" name="saveasdraft" value="{$lang->save_draft}" tabindex="10" />

<input type="submit" class="button" name="preview" value="{$lang->preview}" tabindex="11" />

</div>

</td>

</tr>

</table>

</form>

{$footer}

<script type="text/javascript">

<!--

    if($("#bcc_area").length > 0 && $("#bcc").val() == "")

    {

        $("#bcc_area").css("display", "none");

    }

    function showBcc()

    {

        if($("#bcc_area").css("display") == 'none')

        {

            $("#bcc_area").css("display", "");

        }

        else

        {

            $("#bcc_area").css("display", "none");

        }

    }

// -->

</script>

{$autocompletejs}

</body>

</html>

KathF · 08-18-2019, 01:56 PM

Hi there,
Thank you so much for the quick reply.
I'm truly sorry. I replaced the template code but the result is still the same.
I don't have any other editors activated, just the regular MyBB one and as far as I can tell, there are no other plugins interfering with the width of the input field.
Sad

***WallBB*** · 08-19-2019, 04:21 AM

It should actually work, can you clear the cache if you have cloudflare activated ?
If possible, send me a PM with your website URL

KathF · 08-19-2019, 03:56 PM

I have cleared the cache but it's still the same.
PM is sent. Smile