New mobile version: Editing issues
2 posters
Page 1 of 1
New mobile version: Editing issues
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:
view topic_body:
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>
troyeccles- Forumember
- Posts : 301
Reputation : 5
Language : English
Re: New mobile version: Editing issues
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.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: New mobile version: Editing issues
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.
No wonder I'm seeing people switching to Invision.
troyeccles- Forumember
- Posts : 301
Reputation : 5
Language : English
Re: New mobile version: Editing issues
Remember that the mobile version is still being worked on.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: New mobile version: Editing issues
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?
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?
troyeccles- Forumember
- Posts : 301
Reputation : 5
Language : English
Re: New mobile version: Editing issues
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.
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.
troyeccles- Forumember
- Posts : 301
Reputation : 5
Language : English
Similar topics
» New mobile version: styling the editing section
» Mobile Version Issues
» [Only Topic] Mobile Version Log in Issues with Iphones and Ipads
» How to get personal widgets available for mobile version and mobile version link.
» How To Force Your Desktop Version Theme "Colors And Banner" To Be Used In The Mobile Version?
» Mobile Version Issues
» [Only Topic] Mobile Version Log in Issues with Iphones and Ipads
» How to get personal widgets available for mobile version and mobile version link.
» How To Force Your Desktop Version Theme "Colors And Banner" To Be Used In The Mobile Version?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum