Mobile version : New features for a better user experience
+9
troyeccles
SarkZKalie
Lorem
SLGray
Daniel Z
YoshiGM
Ape
Flappypaddles
The Godfather
13 posters
Page 1 of 1
Mobile version : New features for a better user experience
Mobile Version V2 |
Dear users,
Forumotion is glad to introduce the second version of its mobile theme for the forums !
This new theme completes the first mordern version with brand new features to improve your user experience.
New registration feature
You ask for it and now you've got it. The visitors of your forum can now directly register with a mobile device on your forum without having to change the version first.. The process is similar to the one on the deskstop version.
- See the preview:
"Facebook connect" button.
This new feature can be used to register or to connect on the forum, your members have now the choice to connect with their facebook account and don't have to type their username and password all over again.
- See the preview:
Notifications
If you were missing the notifications you had on the desktop version then it's over. With, the new mobile theme you will received notifications and you'll miss nothing.
- See the preview:
Button to see the last respond to a topic
You can from now on directly click on the last respond to a topic, simply by clicking this little arrow next to the date.
- See the preview:
Edition is now available
If you have the right permissions on the forum you can now edit your messages or the posts of other directly from the mobile version. Useful and simple !
- See the preview:
Deletion of a post.
If you have the right permissions on the forum you can now delete your messages or the posts of other
- See the preview:
Profile page
With the V2, the mobile theme of your forum welcomes a new page showing the profile of each user. Which is accessible by clicking on the avatar of the member, It will then give you the essential information about the member.
- See the preview:
Button "Go up".
Useful, espescially on very long page. The arrow is automactically displayed when a page is too long. With one click you're back at the top of the forum.
- See the preview:
We hope you like this new version as much as we do ! ::pourtoi::
See you soon on forumotion for more novelties !
The Forumotion Staff,
Important :
administrators have customized any of the following mobile templates overall_footer, overall_header, posting_confirm_code, topics_list_box and viewtopic_body must absolutely take into account changes below.
- Replace:
- Code:
{PROTECT_FOOTER}
<div class="application_footer_spacer"></div>
- By:
- Code:
{PROTECT_FOOTER}
<a id="to-top" href="#wrap"><i class="material-icons">&#xE316;</i></a>
<div class="application_footer_spacer"></div>
- Replace:
- Code:
<script type="text/javascript">
$(document).ready(function(){
- By:
- Code:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
- Replace:
- Code:
if ($("#at-share-dock").length) {
$(".btn-floating").css("bottom", "60px");
};
- By:
- Code:
if ($("#at-share-dock").length) {
$(".btn-floating, #to-top").css("marginBottom", "50px");
};
- After:
- Code:
case '-96px 0px':
$(this).html('<i class="material-icons">&#xE8AC;</i>');
break;
- Add:
- Code:
case '-128px 0px':
$(this).html('<i class="material-icons">&#xE7FE;</i>');
break;
case '-160px 0px':
$(this).html('<i class="material-icons">&#xE7F4;</i>');
$(this).addClass('BtnNotif');
break;
- Before:
- Code:
</script>
</body>
</html>
- Add:
- Code:
$('#to-top').click(function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: 0
}, 400);
});
$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 164) {
$('#to-top').addClass('visible');
} else {
$('#to-top').removeClass('visible');
}
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
if(_userdata['activate_toolbar'] && _userdata['session_logged_in']) {
Toolbar.init;
var timeout = setInterval(reloadNotif, 1000);
$("#header").prepend('<a id="mNotificationBtn" href="./profile?mode=editprofile&page_profil=notifications"></a>');
$("#mNotificationBtn").prepend('<span id="unread_notif">' + _toolbar.notifications.unread + '</span>');
$('.BtnNotif').prepend('<span id="unread_notif_menu">' + _toolbar.notifications.unread + '</span>');
};
function reloadNotif() {
if (_toolbar.notifications.unread > 0) {
$("#unread_notif").html(_toolbar.notifications.unread);
$("#unread_notif_menu").html(_toolbar.notifications.unread);
if(!$("#unread_notif").hasClass("notification-new")) {
$("#unread_notif").addClass('notification-new');
$("#unread_notif_menu").addClass('notification-new');
$("#mNotificationBtn").addClass('notification-new');
}
}
};
});
//]]>
- After:
- Code:
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
- Add:
- Code:
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
- Replace:
- Code:
<body>
- By:
- Code:
<body id="mpage-body-modern">
- Replace:
- Code:
<br><img src="{S_ANTI_ROBOT}" alt="" border="0" />
- By:
- Code:
<br /><img src="{S_ANTI_ROBOT}" alt="" border="0" />
- After:
- Code:
<!-- END table_sticky -->
- Add:
- Code:
<div class="forum-section-wrap">
- Replace:
- Code:
<div class="forum-lastpost">{topics_list_box.row.L_LATEST_POST_FROM_THE}</div>
</div>
</a>
<!-- END topic -->
- By:
- Code:
<div class="forum-lastpost">{topics_list_box.row.L_LATEST_POST_FROM_THE}<div class="lastpost-arrow"></div></div>
</div>
</a>
<a href="{topics_list_box.row.LAST_POST_IMG}" class="last-post-link">Last post</a>
</div>
<!-- END topic -->
- Replace:
- Code:
<div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div><h2>{postrow.displayed.POST_DATE_NEW}</h2>
- By:
- Code:
<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>
- Replace:
- Code:
<div class="post-content">
- By:
- Code:
</div>
<div class="post-content">
- After:
- Code:
{postrow.displayed.EDITED_MESSAGE}
- Add:
- Code:
<ul class="post-buttons">
<li>{postrow.displayed.EDIT_IMG}</li>
<li>{postrow.displayed.DELETE_IMG}</li>
</ul>
Template overall_footer
Template overall_header
Template posting_confirm_code
Template topics_list_box
Template viewtopic_body
Last edited by The Godfather on September 22nd 2016, 10:28 am; edited 1 time in total
The Godfather- Administrator
- Posts : 5355
Reputation : 846
Re: Mobile version : New features for a better user experience
tried to access the menu on the top bar and It does not appear. if I scroll down and then up it does appear briefly but clicking it does not open anything. As a consequence I cannot login to my site without first going to the classic version.
is there something that needs enabling in the admin panel?
using a lenovo vibe running android 6.1.
even if I do log in via the classic version I still cannot create any topics or access any menus although I can reply to existing messages
is this version still a beta?
is there something that needs enabling in the admin panel?
using a lenovo vibe running android 6.1.
even if I do log in via the classic version I still cannot create any topics or access any menus although I can reply to existing messages
is this version still a beta?
Re: Mobile version : New features for a better user experience
Hello,
The problem comes from JavaScripts that you have added to your forum...
If you disable your personal JavaScripts on Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Enable Javascript code management >> NO, everything works fine.
I advise you to process by elimination to find the JavaScript responsible for the problem to correct or delete it
The problem comes from JavaScripts that you have added to your forum...
If you disable your personal JavaScripts on Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Enable Javascript code management >> NO, everything works fine.
I advise you to process by elimination to find the JavaScript responsible for the problem to correct or delete it
The Godfather- Administrator
- Posts : 5355
Reputation : 846
Re: Mobile version : New features for a better user experience
thanks for the reply
I have turned the java off for now and I do get the menu icon and notification icon and can now create topics. Thanks, now to find out which script causes it, wish me luck
edit:
it seems like this was the culprit
message count
I have turned the java off for now and I do get the menu icon and notification icon and can now create topics. Thanks, now to find out which script causes it, wish me luck
edit:
it seems like this was the culprit
message count
- Code:
$(function() {
var x=$('a.mainmenu[href="/privmsg?folder=inbox"]')[0];
x.innerHTML=x.innerHTML.replace(/no/,'0');
});
Re: Mobile version : New features for a better user experience
Hello @Flappypaddles you will have to talk to the one that made the code this is not the right place to ask for help on that code Please try and open up a new thread and tag the maker of the code
Re: Mobile version : New features for a better user experience
I'm not asking about the code I am pointing out that was the code that stopped it working.APE wrote:Hello @Flappypaddles you will have to talk to the one that made the code this is not the right place to ask for help on that code Please try and open up a new thread and tag the maker of the code
Re: Mobile version : New features for a better user experience
OMG! Thanks for these great updates in the mobile version
+1
+1
Re: Mobile version : New features for a better user experience
The visitors can't use the pagination in the end of page:
My templates are original, untouched.
My templates are original, untouched.
Re: Mobile version : New features for a better user experience
Is Pagina 1 de 26 clickable?Daniel Z wrote:The visitors can't use the pagination in the end of page:
My templates are original, untouched.
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: Mobile version : New features for a better user experience
Hello,
Thank you for your report. We will check this conflict between the button "Return to Top" and the pagination and try to fix it quickly.
For the moment, we have a tip for you and the community: you can swipe to change the page
Best,
Thank you for your report. We will check this conflict between the button "Return to Top" and the pagination and try to fix it quickly.
For the moment, we have a tip for you and the community: you can swipe to change the page
Best,
The Godfather- Administrator
- Posts : 5355
Reputation : 846
Re: Mobile version : New features for a better user experience
My Forum met little trouble with the interface on mobile:
No templates have been repaired
And screenshot
No templates have been repaired
And screenshot
Last edited by Lorem on September 24th 2016, 1:54 pm; edited 1 time in total
Re: Mobile version : New features for a better user experience
Lorem wrote:My Forum met little trouble with the interface on mobile: http://www.forumgiaitri.net/
No templates have been repaired
And screenshot
Same problem as Flappypaddles in this post, it's because of all the Javascript Codes you have in your Javascript codes management...!
The Godfather- Administrator
- Posts : 5355
Reputation : 846
Re: Mobile version : New features for a better user experience
No other way?The Godfather wrote:Lorem wrote:My Forum met little trouble with the interface on mobile: http://www.forumgiaitri.net/
No templates have been repaired
And screenshot
Same problem as Flappypaddles in this post, it's because of all the Javascript Codes you have in your Javascript codes management...!
Re: Mobile version : New features for a better user experience
Hi.
A huge improvement over v1. Well done all.
I can see the new editing buttons (EDIT and DELETE) but it's also picking up my QUOTE button. This is a good thing but it's in the same style as my classic-version - see below screen-shot.
How do we edit the appearance of the mobile edit buttons so they're all a similar style (can we design our own and add those??)
Also, there suddenly appears a huge space between those editing tools and the start of the post. Any way of reducing that by a couple of lines? EDIT: fixed it myself.
A huge improvement over v1. Well done all.
I can see the new editing buttons (EDIT and DELETE) but it's also picking up my QUOTE button. This is a good thing but it's in the same style as my classic-version - see below screen-shot.
How do we edit the appearance of the mobile edit buttons so they're all a similar style (can we design our own and add those??)
Last edited by troyeccles on October 5th 2016, 5:32 am; edited 1 time in total
troyeccles- Forumember
- Posts : 301
Reputation : 5
Language : English
Re: Mobile version : New features for a better user experience
The original mobile theme had a much nicer editing/quoting style.
It's great that you've now incorporated an "on-page" option, rather than having to go back to the classic version, but is there any way of adding some style to this area? At the moment it's just horrible! Maybe make it similar to the REPLY area at the foot of the page for a bit of consistency??
Look...
It's great that you've now incorporated an "on-page" option, rather than having to go back to the classic version, but is there any way of adding some style to this area? At the moment it's just horrible! Maybe make it similar to the REPLY area at the foot of the page for a bit of consistency??
Look...
troyeccles- Forumember
- Posts : 301
Reputation : 5
Language : English
Re: Mobile version : New features for a better user experience
Another thing I've just noticed...images on the mobile version are no longer reducing in size to fit (they used to!).
Now, the full-size image is going into the post and making a mess of things (see below). Is there a fix?
Now, the full-size image is going into the post and making a mess of things (see below). Is there a fix?
troyeccles- Forumember
- Posts : 301
Reputation : 5
Language : English
Re: Mobile version : New features for a better user experience
Please do not post in the announcement topic if you are having issues. Please start a topic in the correct support section.
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: Mobile version : New features for a better user experience
Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
Re: Mobile version : New features for a better user experience
You only have to do something if you had modified templates before this update.azwiz wrote: Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
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: Mobile version : New features for a better user experience
SLGray wrote:You only have to do something if you had modified templates before this update.azwiz wrote: Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
No I only clicked publish because I didn't know better .
Re: Mobile version : New features for a better user experience
What?azwiz wrote:SLGray wrote:You only have to do something if you had modified templates before this update.azwiz wrote: Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
No I only clicked publish because I didn't know better .
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: Mobile version : New features for a better user experience
Good updates! keep it up! Mobile version is finally usable and we don't really need a responsive theme now.
Re: Mobile version : New features for a better user experience
SLGray wrote:What?azwiz wrote:SLGray wrote:You only have to do something if you had modified templates before this update.azwiz wrote: Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
No I only clicked publish because I didn't know better .
What i mean is months ago , not knowing at the time that publishing the templates would not change anything , I published them . But did not modify them
Re: Mobile version : New features for a better user experience
Please optimize the chatbox for mobile version or at least have an android/ios support.
romanzo- Forumember
- Posts : 75
Reputation : 3
Language : English
Re: Mobile version : New features for a better user experience
Hello @romanzo there is no plans on getting the chat box to work in the mobile layout it should work in the main layout thou.
Re: Mobile version : New features for a better user experience
APE wrote:Hello @romanzo there is no plans on getting the chat box to work in the mobile layout it should work in the main layout thou.
Oh, that's a bummer most of my friends and I don't really go online now and use the forum chatbox because we are always using a smartphone to browse now. We feel it's a little hard to use it especially if you have too many people chatting. Well I hope in the near future there will be some great changes to it.
romanzo- Forumember
- Posts : 75
Reputation : 3
Language : English
Re: Mobile version : New features for a better user experience
you can suggest this here >> Suggestions for Your Forums make a poll saying what you want to see and other will vote for this and it may get looked at if you get lots of votes
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum