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: Editing issues

2 posters

Go down

New mobile version: Editing issues  Empty New mobile version: Editing issues

Post by troyeccles October 27th 2016, 2:13 am

http://bellsareringing.forumotion.com
phpBB3

Hi,

On the new mobile version, I have (as mod/admin) three editing tools:
1. Edit.
2. Delete.
3. Quote.

If I click EDIT, it directs me to the mobile version of a screen called "Modify". Perfect.
If I click DELETE, it directs to the mobile version of a screen called "Information" where I'm asked to confirm if I wish to delete the post. Perfect.
If I click QUOTE, it directs me back to the classic version. Why?

Is there a fix for this so that I can quote within the mobile version rather than jumping back to the classic version where I have to do the pinch-squeezy-finger thing to see what I'm doing?

My full CSS is below as well as the mobile "view topic_body""


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;
    }
 
  .mobile_prev_button p, .mobile_next_button p {
  color:#FFF;
  text-shadow:none;
    font-size: 14px;
}
 
  .mobile_title .mobile_next_button:after, .mobile_title .mobile_prev_button:after {
    color: #222222;
    font-size: 0px;
    }
 
  .forum_new:before, .folder_new:before {
    background-color: #91BFDE;
    border-color: #91BFDE;
}
 .avatarMobile img {
  width:40px;
  height:40px;
}
 
  #mpage-body .vote {
  float:right;
  text-align:center;
}
 
#fa_notifications {display:none!important}
 
 body #fa_toolbar, body #fa_toolbar_hidden {
  display:none;
}
 
 
  main .vote { margin-top:10px; }
 
main .vote-button a {
  color:#FFF;
  background:#0598E4;
  padding:0 6px;
  height:24px;
  line-height:24px;
  display:inline-block;
  border-radius:3px;
}
 
 
  #mpage-body-modern .post-content img {
  max-width:100%;
}
 
 
  #mpage-body .vote {
  float:right;
  text-align:center;
}
 
 
#fa_popup_overlay {
  background-color:#FFF;
  opacity:0.8;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
 
#fa_popup {
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background:#FFF;
  border-radius:3px;
  position:fixed;
  top:50px;
  left:12%;
  right:12%;
  bottom:30px;
  padding:3px;
  width:auto;
  overflow:hidden;
  box-shadow:0px 3px 10px rgba(34, 25, 25, 0.4);
}
 
#fa_popup_content {
  border:1px solid #EEE;
  border-radius:3px;
  padding:3px;
  overflow:auto;
  height:90%;
}
 
.fa_popup_title {
  color:#333;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  border-bottom:1px solid #333;
  margin:8px 0;
  padding-bottom:2px;
}
 
input.fa_popup_button, a.fa_popup_button {
  color:#FFF !important;
  font-size:12px;
  font-weight:bold;
  text-indent:0;
  text-decoration:none !important;
  background-color:#39C;
  border:none;
  border-bottom:2px solid #17A;
  border-radius:3px;
  display:inline-block;
  line-height:20px;
  padding:0 6px;
  cursor:pointer;
  transition:300ms;
}
 
input.fa_popup_close {
  background-color:#E53;
  border-color:#C31;
  min-width:25px;
  position:absolute;
  top:2px;
  right:2px;
}
 
input.fa_popup_button:hover, a.fa_popup_button:hover {
  background-color:#333;
  border-color:#111;
}
 
input.fa_popup_button:focus, a.fa_popup_button:active, a.fa_popup_button:focus {
  background-color:#EB5;
  border-color:#C93;
  outline:none;
}
 
.fa_popup_error {
  color:#966;
  font-size:12px;
  background:#FEE;
  border:1px solid #ECC;
  border-bottom-width:2px;
  border-radius:3px;
  padding:9px 6px;
  margin:6px;
}
 
.fa_popup_friends {
  background:#EEE;
  border:1px solid #DDD;
  border-bottom-width:2px;
  border-radius:3px;
  display:inline-block;
  padding:3px;
  margin:3px;
  float:none;
  overflow:hidden;
}
 
#fa_popup .add_success { color:#8B5 }
#fa_popup .deny_success { color:#E53 }
#fa_popup .add_failed { color:#EB5 }
 
.fa_popup_loading {
  color:#333;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  padding:25px;
}
 
.fa_popup_more {
  text-align:center;
  margin:3px;
  clear:both;
}
 
/* data corrections */
#fa_popup_content > td { display:block }
#fa_popup.pun tbody.statused span.status { position:static }
 
 
  #fa_popup .post .vote { display:none }
 
 
/*
** The Bells Are Ringing
** May 2016
** By Troy Eccles
**/


view topic_body:

Code:
<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>
                            <div class="post-info">
                                <h2>{postrow.displayed.POST_DATE_NEW}</h2>
                    <div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
                                </div>
            </div>
            <div class="post-content">
                {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}
            <ul class="post-buttons">
            <li>{postrow.displayed.QUOTE_IMG}</li>
                <li>{postrow.displayed.EDIT_IMG}</li>
                <li>{postrow.displayed.DELETE_IMG}</li>
                    </ul>
        </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 -->

<style>
  /* css fix button quote mobile forumotion ww.hotrofm.net */
a[href*="mode=quote"] img {
    display: none;
}
a[href*="mode=quote"]:after {
    content: "❝";
    font-size: 30px;
    line-height: 50px;
}</style>
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version: Editing issues  Empty Re: New mobile version: Editing issues

Post by SLGray October 27th 2016, 6:55 am

If you read this:  https://help.forumotion.com/t148389-mobile-version-new-features-for-a-better-user-experience , you will notice that quoting is not listed, only delete and edit are listed.


New mobile version: Editing issues  Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51583
Reputation : 3526
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

New mobile version: Editing issues  Empty Re: New mobile version: Editing issues

Post by troyeccles October 27th 2016, 7:05 am

Ok so what genius decide that the QUOTE facility wasn't required? Seriously? It's a pretty basic function to have on a forum.

No wonder I'm seeing people switching to Invision.
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version: Editing issues  Empty Re: New mobile version: Editing issues

Post by SLGray October 27th 2016, 8:36 am

Remember that the mobile version is still being worked on.


New mobile version: Editing issues  Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51583
Reputation : 3526
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

New mobile version: Editing issues  Empty Re: New mobile version: Editing issues

Post by troyeccles October 27th 2016, 8:41 am

I understand that but surely features like Facebook connection are rendered completely pointless if the version can't even do the basics that people will need before they even bother using the mobile version.

Start with the basic stuff. Leave the fancy things until later.

I'd have thought that, given the QUOTE feature does work and that the EDIT feature stats within the framework of the mobile version, that it would be a reasonably easy fix for someone with coding knowledge?
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

New mobile version: Editing issues  Empty Re: New mobile version: Editing issues

Post by troyeccles October 27th 2016, 8:47 am

I apologies if I'm going a bit mad.

It's just that I had my original mobile version working with all of these features and the new version somehow screwed a lot of it up.
The new version also LOOKS fantastic so no complaints there but the features I used to have - basic forum-type posting features that every member uses every day - is now gone.
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