The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

New mobile version jumps to desktop version

3 posters

Go down

New mobile version jumps to desktop version  Empty New mobile version jumps to desktop version

Post by troyeccles July 18th 2016, 12:23 pm

www.bellsareringing.forumotion.com
phpBB3

Hi.

In the old mobile version, quoting and editing used to happen inside the mobile version itself via text boxes.

Now when I quote or edit (a custom function I had to add in as the new version seems to lack it), the page diverts back to the desktop version and once the post is submitted, I'm redirected back to the mobile version.

Crazy stuff.

Anyone help on this?
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by Ape July 18th 2016, 1:04 pm

Hmm this is strange as I'm on the mobile version now and I'm not having the same problem as you are. When I post from my mobile everything works fine. Have you made any change to your templates for the mobile layouts


New mobile version jumps to desktop version  Left1212New mobile version jumps to desktop version  Center11New mobile version jumps to desktop version  Right112
New mobile version jumps to desktop version  Ape_b110
New mobile version jumps to desktop version  Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19472
Reputation : 2013
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by troyeccles July 18th 2016, 1:10 pm

Posting is ok. It's quoting and editing that's the issue.

I DID have custom css for the original mobile version but that's since been removed.
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by Shadow July 18th 2016, 2:41 pm

Hello,

As it is a customization I suggest you to post your CSS, or at least the part you have customized to let people help you.
Shadow
Shadow
Manager
Manager

Male Posts : 16208
Reputation : 1832
Language : French, English

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by troyeccles July 23rd 2016, 12:55 am

Mobile CSS and full CSS is below. A pain, sorry, but I figured there'll be something quirky in there somewhere that's upsetting things. I've just noticed that it also jumps back to the desktop version when logging in.

Mobile version CSS:
Code:
<style type="text/css">.mobile-actions{float:right;padding-top:3px}
.mobile-actions li{float:left;list-style:none}
#mobile_editor {text-align:center}
#text_box {padding:6px 5%}
#mobile_editor textarea {width:100%;height:100px}
#post_status {color:#000;background:#FFF;border:1px solid #2F6BC2;border-left-width:4px;margin:4px auto;padding:4px;width:90%}
#post_status.post_progress {background-color:#FFE;border-color:#990}
#post_status.post_done {background-color:#EFE;border-color:#090}
#post_status.post_fail {background-color:#FEE;border-color:#C33}
blockquote {display:block}</style>

<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>

<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
         <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
         <div class="post-head">
                          <div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div><h2>{postrow.displayed.POST_DATE_NEW}</h2>
            <div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
                          <ul class="mobile-actions">
          <li>{postrow.displayed.QUOTE_IMG}</li>
          <li>{postrow.displayed.EDIT_IMG}</li>
          <li>{postrow.displayed.DELETE_IMG}</li>
        </ul>
         </div>
                             
                       
            <div class="post-content">
         
                          <br class="clear"/><br class="clear"/><br class="clear"/>
            {postrow.displayed.MESSAGE}
                  <!-- BEGIN switch_attachments -->
                  <div class="attachbox">
                     <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
                     <dl class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                           <dt>
                              <!-- BEGIN switch_dl_att -->
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              <!-- END switch_dl_att -->
                              <!-- BEGIN switch_no_dl_att -->
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              <!-- END switch_no_dl_att -->
                           </dt>
                           <dd>
                              <!-- BEGIN switch_no_comment -->
                              <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
                              <!-- END switch_no_comment -->
                              <!-- BEGIN switch_no_dl_att -->
                              <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                              <!-- END switch_no_dl_att -->
               <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
            </dd>
                  <!-- END switch_post_attachments -->
                     </dl>
                  </div>
                  <!-- END switch_attachments -->
         </div>
         {postrow.displayed.EDITED_MESSAGE}
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}
{QUICK_REPLY_FORM}

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-floating">
   <i class="material-icons"></i>
</a>
<!-- END switch_user_authreply -->

Full CSS:
Code:


/*Vote Button*/
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}
.vote .vote-button a {
background-image: url('http://i86.servimg.com/u/f86/19/33/21/71/blue_l10.png') !important;
background-repeat:no-repeat;
padding-right: 50px;
padding-top: 50px;

font-size:0 !important;
}
.vote { width:auto }

/*Vote System*/
.VCount:before{
content: url('http://i86.servimg.com/u/f86/19/33/21/71/blue_l10.png');
opacity:1;
filter:alpha(opacity=50);
}
.VCount{
color:#00;
font-size:12px;
font-weight:bold;
text-shadow:1px 1px 0px rgba(0,120,0, 0.3);
font-family: Verdana,Arial,Helvetica,sans-serif;
cursor:default;
}
.VPlus{
color:#00 !important;
font-size:15px;
font-weight:bold;
text-shadow:1px 1px 0px rgba(0,120,0, 0.1);
font-family: Verdana,Arial,Helvetica,sans-serif;
position:relative;
left:9px;
z-index:1;
}

.vote{
opacity:0;
filter:alpha(opacity=0);
}

/*Header Logo*/
#logo img { width:100%; }

/*page width*/
#wrap { width:97% !important; }
body {
 
  @media (max-width: 700px)}


/*Toolbar colour*/
#fa_toolbar, #fa_toolbar_hidden {background-color: #4A1D1D !important;}
/*Hide Search Bar*/
#page-header #search-box {  display:none }

/*Icon Spacing ToolBar*/
.fa_network {
  margin:0 5px;
  max-height:40px;
  max-width:40px;
}
#fa_toolbar { height: 50px ! important }
#fa_toolbar { width : 100% ! Important }

/* button image */
.sceditor-button-mention div { background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }

/* drop down input */
#fa-mention {
  background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

/*Profile Box*/
.postprofile {
  text-align:center;
  background:#;
  border:1px solid #CCC;
  border-radius:3px;
  margin: 10px 0px 0px;
  padding: 10px 3px 3px;
  box-shadow: 01px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0);
  min-height: 80px;
position: relative;
max-width: 277px;
word-wrap: break-word;
}

.postprofile dd, .postprofile dt { margin-left:0 }

blockquote blockquote {
   background-color: #ECECEC;
   font-size: 1.0em;
   margin: 0.5em 1px 0pt 15px;}

.postprofile dd, .postprofile dt { margin-left:0 }

/* offline image */
.post .postprofile {
  background-image:url('http://i86.servimg.com/u/f86/18/45/72/48/tbar_n33.png');
  background-repeat:no-repeat;
  background-position:center 0px;
 
 
}

/* online image */
.post.online .postprofile {
  background-image:url('http://i86.servimg.com/u/f86/18/45/72/48/tbar_n32.png');
  background-repeat:no-repeat;
  background-position:center 0px;
}

.postprofile .label {
    float: left;
    margin-left: -3px;
    margin-right: 3px;
 
    width: 50%;
    text-align: right;
}
.postprofile .label, .postprofile .label span {
    font-weight: 700;
    color: #39C !important;
}
* {
    margin: 0px;
    padding: 00px;}

.postprofile dd {
    color: #333;
    text-align: left;
}
.postprofile dd, .postprofile dt {
    line-height: 1.2em;}

.postprofile dd:last-child, .postprofile dt + dd {
    text-align: center;}

.postprofile { padding-top:70px }

#content-container div#right {
    float: right;
    overflow: hidden;
    width: 220px;
    padding-top: 46px;
}

li.row { position:relative }

/*Last Post Icon location*/



.lastpost > span > a:last-child, .lastpost > div > span > a, .last-post-icon {
  position:absolute;
  right:10px;
  top:10%;
}


ul.topics dd.dterm, ul.topics dt {
    display: block;
    float: left;
    padding-left: 55px;
    width: 50%;
}

.dterm a[href$="?view=newest"] { display:none; }

.postprofile dt img {
  max-height:125px;
  max-width:125px;
}

#login_popup{background-color: #07005e;max-height:600px;colour:#d4c196;border:1px solid white;border-radius:5px;padding:25px;}
 ul.linklist li.rightside a {
    display: inline-block !important;
}

 div#main-content ul.linklist {
    display: none !important;
 
}




/* Spacing between topic and body text */
.postbody .content {
  margin-top:10px; !important;
}
 
/* Topic border width */
.forabg {
padding: 1px;
}

/* Footer width for all devices */
.floating_foot_list {
    float: left;
    width: 25%;
    min-width: 320px;
}

/* Customised Quote box */
blockquote div { margin-left: 3px!important; }
blockquote blockquote { margin: 0.5em 10px 0pt 10px!important; }
blockquote, .codebox {
  background:#FFF;
  border:1px solid #A0C9E3;
  border-bottom-width:1px;
  padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 0px !important;
}
 
blockquote cite, .codebox dt {
  color:#FFF;
  background:#A0C9E3;
  border-radius:1px;
  padding:6px;
}
 
 blockquote cite, .cite_content {
  border:none;
  padding:5px;
  border-radius:1px;
  margin-bottom:10px;
}
 
/* Customised Spoiler box */
dl.codebox {
  background:#A0C9E3;
  border:1px solid #A0C9E3;
  border-radius:1px;
}
 
dl.codebox dt {
  color:#FFF;
  padding:1px;
}
 
dl.codebox dd, .spoiler_content {
  color:#666;
  background:#FFF;
  border:none;
  padding:6px;
  border-radius:1px;
}





/* LAST POST AVATAR */
 
 
 
 
  #fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a,
#userAvatar, .avatar,  .mod-login-avatar dt, .postprofile dt > img,
td.avatar-mini img {
    background: transparent;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4), 0 -1px 1px rgba(0, 0, 0, 0.4);
    display: inline-block;
    height: 100px;
    margin: 0px 10px;
        margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    width: 100px
}
 
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img,
#userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img,
td.avatar-mini img {
    border-radius: 100px;
    height: 100px;
    width: 100px 
     
}
 
  .lastpost-avatar, td.avatar-mini img {
    height: 54px;
    width: 54px;
}

  .lastpost-avatar img {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d8d8d8;
 
  float: left;
  height: 54px;
  margin-right: 5px;
  padding: 2px;
  width: 54px;
}
 
  /* mention styles */
a.fa-mention {
  color:#A0C9E3;
 
}
 
/* mention hover styles */
a.fa-mention:hover {
  color:#FFF;
    background:#A0C9E3;
  border-radius:1px;
  padding:6px;
   
}
 
  body .tooltipster-default {
  background:#A0C9E3;
    color:#FFF;
   
}
 
body .tooltip-actions {
  background:#FFF;
    color:#FFF;
}
 
.tooltipster-arrow span {
  border-top-color:#A0C9E3 !important;
    color:#FFF;
}
  .tooltip-avatar img {  background: #FFF;  border: 1px solid #CCC;  border-radius: 100px;  height: 80px;  overflow: hidden;  padding: 2px;  width: 80px;}
 
 
  /* hover-over avatar */
 
    /* mention avatar */
  .mentiontag {
  background:rgba(0, 0, 0, 0.05);
  border:1px solid rgba(0, 0, 0, 0.1);
  border-radius:3px;
  display:inline-block;
  padding:1px 3px;
  margin:1px;
 
}
 
  /* mobile header and text colour */
  #wrap .mobile_title{
  background-color:#4A1D1D;
  color:#FFF;
}
 
  /* mobile pagination arrow colours */
  .mobile_title .mobile_next_button:after, .mobile_title .mobile_prev_button:after {
    color: #FFF;
    }
   
  .forum_new:before, .folder_new:before {
    background-color: #91BFDE;
    border-color: #91BFDE;
}
  .avatarMobile img {
          width:40px;
          height:40px;
 }
 
 


/*
** The Bells Are Ringing
** May 2016
** By Troy Eccles
**/
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by troyeccles July 30th 2016, 2:41 pm

Bump.

Maybe @Ange Tuteur can assist as it was Ange's code I used from this thread:
https://help.forumotion.com/t142566-how-to-add-post-actions-to-the-mobile-version

Again, to clarify, when I hit QUOTE or EDIT on the mobile version, it jumps back to the desktop version. Once the post has there has been submitted, it jumps back to the mobile version. I realise that the Modern mobile version isn't completely compatible with my old CSS but surely there's a way to modify the code from the above thread to keep quoting and editing on the mobile version??

On the old mobile version, it simply opened up a text box to quote or edit. It was ideal.
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by troyeccles August 2nd 2016, 6:20 am

Bumpity bump.
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by troyeccles August 4th 2016, 8:32 am

Bump
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by troyeccles August 9th 2016, 6:47 am

Bump again. Is anyone able to help?
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version jumps to desktop version  Empty Re: New mobile version jumps to desktop version

Post by troyeccles August 20th 2016, 4:25 am

Buuuump!

Have forumotion lost all their coders or something?
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum