MyBB Community Forums - Private Message Layout Broken in Mobile Devices

Pages: 1 2

It looks like little broken when visiting PM page with Mobile devices is there any little modification with theme or template help??....anyone reply if can or link me if there is a previous fix of this

Forum Link : https://cyberinjectors.com
Mybb Version : 1.8.22 running on AWS VM Certified by Bitnami
Theme name : DuendeV2

Please Help Angel

Template: private_send

Replace the default code with this:

<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}
<div id="ucp">
<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>

<td valign="top">
{$preview}
{$send_errors}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>{$lang->compose_pm}</strong></td>
</tr>
<tr>


<td class="trow1" valign="top"><textarea name="to" id="to" rows="2" cols="38" tabindex="1" >{$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">{$bcc}</textarea></td>
</tr>	
<tr>

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

<tr>

<td class="trow2">
<textarea name="message" id="message" rows="20" cols="70" tabindex="4">{$message}</textarea>
{$codebuttons}
</td>
</tr>
<tr>

<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>
<br />
</form></div>
	<div id="ucpnav">{$usercpnav}</div>
{$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>

The Result:

[Image: d6jNlb8.png]

You will also need to add this to global.css to make the sidebar in ucp responsive:

#ucp {
  float:right; 
  width:86%;
	
}
#ucpnav { 
	float: left;
	width:13% ;
}

@media screen and (max-width: 800px) {
    #ucp { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
	width:100%;
 }

   #ucpnav {
   width: 100%;
 }
}

thnx for reply but could you please mention in which template I have to put this html code and in which portion of global.css I have to replace with this css part?? Huh

Private Messaging Templates >> private_send

(2020-05-18, 08:41 AM)Mastersly Wrote: [ -> ]Private Messaging Templates >> private_send

and the css part??....have to replace with some or just add at the end of global.css? Huh

(2020-05-18, 09:17 AM)Hacker007 Wrote: [ -> ]
(2020-05-18, 08:41 AM)Mastersly Wrote: [ -> ]Private Messaging Templates >> private_send

and the css part??....have to replace with some or just add at the end of global.css?

You can add anywhere in the global.css. You’re creating divs not changing them so you do not need to replace anything. Smile

(2020-05-18, 12:23 PM)ARx182 Wrote: [ -> ]
(2020-05-18, 09:17 AM)Hacker007 Wrote: [ -> ]
(2020-05-18, 08:41 AM)Mastersly Wrote: [ -> ]Private Messaging Templates >> private_send

and the css part??....have to replace with some or just add at the end of global.css?

You can add anywhere in the global.css. You’re creating divs not changing them so you do not need to replace anything.

Yeah it's ok in Android now Big Grin

but still broken css in iPhone Huh

(2020-05-18, 12:48 PM)Hacker007 Wrote: [ -> ]
(2020-05-18, 12:23 PM)ARx182 Wrote: [ -> ]
(2020-05-18, 09:17 AM)Hacker007 Wrote: [ -> ]
(2020-05-18, 08:41 AM)Mastersly Wrote: [ -> ]Private Messaging Templates >> private_send

and the css part??....have to replace with some or just add at the end of global.css?

You can add anywhere in the global.css. You’re creating divs not changing them so you do not need to replace anything.

Yeah it's ok in Android now but still broken css in iPhone

Refresh your cache on iPhone. Works for me.

(2020-05-18, 02:41 PM)ARx182 Wrote: [ -> ]
(2020-05-18, 12:48 PM)Hacker007 Wrote: [ -> ]
(2020-05-18, 12:23 PM)ARx182 Wrote: [ -> ]
(2020-05-18, 09:17 AM)Hacker007 Wrote: [ -> ]
(2020-05-18, 08:41 AM)Mastersly Wrote: [ -> ]Private Messaging Templates >> private_send

and the css part??....have to replace with some or just add at the end of global.css?

You can add anywhere in the global.css. You’re creating divs not changing them so you do not need to replace anything.

Yeah it's ok in Android now but still broken css in iPhone

Refresh your cache on iPhone. Works for me.

Tried in different browser also....all same is there any force refresh for iphone like Ctrl+F5 in PC???

(2020-05-18, 03:07 PM)Hacker007 Wrote: [ -> ]
(2020-05-18, 02:41 PM)ARx182 Wrote: [ -> ]
(2020-05-18, 12:48 PM)Hacker007 Wrote: [ -> ]
(2020-05-18, 12:23 PM)ARx182 Wrote: [ -> ]
(2020-05-18, 09:17 AM)Hacker007 Wrote: [ -> ]and the css part??....have to replace with some or just add at the end of global.css?

You can add anywhere in the global.css. You’re creating divs not changing them so you do not need to replace anything.

Yeah it's ok in Android now but still broken css in iPhone

Refresh your cache on iPhone. Works for me.

Tried in different browser also....all same is there any force refresh for iphone like Ctrl+F5 in PC???

Clear history on iPhone. I think it also clears your cache.

Pages: 1 2