The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

New mobile version jumps to desktop version

View previous topic View next topic Go down

New mobile version jumps to desktop version

Post by troyeccles on 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?

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Re: New mobile version jumps to desktop version

Post by APE on 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





APE
Manager
Manager

Male Posts : 8321
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Re: New mobile version jumps to desktop version

Post by troyeccles on 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.

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Re: New mobile version jumps to desktop version

Post by Leviosa on 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.


No help without your forum url
No support via private message



Leviosa
Administrator
Administrator

Female Posts : 15376
Reputation : 1563
Language : French, English

http://help.forumotion.com

Back to top Go down

Re: New mobile version jumps to desktop version

Post by troyeccles on 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
**/

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Re: New mobile version jumps to desktop version

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

Bump.

Maybe @Ange Tuteur can assist as it was Ange's code I used from this thread:
http://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.

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Re: New mobile version jumps to desktop version

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

Bumpity bump.

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Re: New mobile version jumps to desktop version

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

Bump

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Re: New mobile version jumps to desktop version

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

Bump again. Is anyone able to help?

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Re: New mobile version jumps to desktop version

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

Buuuump!

Have forumotion lost all their coders or something?

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

View previous topic View next topic Back to top


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