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.

Mobile version : New features for a better user experience

View previous topic View next topic Go down

Mobile version : New features for a better user experience

Post by The Godfather on September 21st 2016, 4:11 pm

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 ! Wink

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.



    Template overall_footer


    Replace:

    Code:

            {PROTECT_FOOTER}
            <div class="application_footer_spacer"></div>
    By:

    Code:

            {PROTECT_FOOTER}
            <a id="to-top" href="#wrap"><i class="material-icons">&amp;#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">&amp;#xE8AC;</i>');
                                break;
    Add:

    Code:

                            case '-128px 0px':
                                $(this).html('<i class="material-icons">&amp;#xE7FE;</i>');
                                break;
                            case '-160px 0px':
                                $(this).html('<i class="material-icons">&amp;#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');
                    }
                }
            };
        });
    //]]>

    Template overall_header


    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">

    Template posting_confirm_code


    Replace:

    Code:

    <br><img src="{S_ANTI_ROBOT}" alt="" border="0" />
    By:

    Code:

    <br /><img src="{S_ANTI_ROBOT}" alt="" border="0" />

    Template topics_list_box


    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 -->

    Template viewtopic_body


    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>


Last edited by The Godfather on September 22nd 2016, 10:28 am; edited 1 time in total
avatar
The Godfather
Administrator
Administrator

Posts : 2780
Reputation : 353

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by Flappypaddles on September 21st 2016, 4:55 pm

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?

avatar
Flappypaddles
Forumember

Posts : 252
Reputation : 1
Language : english

http://inaflap.forumotion.co.uk

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by The Godfather on September 21st 2016, 5:17 pm

Hello,

The problem comes from JavaScripts that you have added to your forum... Lol

If you disable your personal JavaScripts on Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Enable Javascript code management >> NO, everything works fine. Very Happy

I advise you to process by elimination to find the JavaScript responsible for the problem to correct or delete it
avatar
The Godfather
Administrator
Administrator

Posts : 2780
Reputation : 353

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by Flappypaddles on September 21st 2016, 5:24 pm

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

Code:

$(function() {
        var x=$('a.mainmenu[href="/privmsg?folder=inbox"]')[0];
        x.innerHTML=x.innerHTML.replace(/no/,'0');
        });


avatar
Flappypaddles
Forumember

Posts : 252
Reputation : 1
Language : english

http://inaflap.forumotion.co.uk

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by APE on September 21st 2016, 8:55 pm

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 Smile



avatar
APE
Manager
Manager

Male Posts : 11033
Reputation : 1036
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: Mobile version : New features for a better user experience

Post by Flappypaddles on September 21st 2016, 9:19 pm

@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 Smile
I'm not asking about the code I am pointing out that was the code that stopped it working.
avatar
Flappypaddles
Forumember

Posts : 252
Reputation : 1
Language : english

http://inaflap.forumotion.co.uk

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by YoshiGM on September 21st 2016, 9:51 pm

OMG! Thanks for these great updates in the mobile version Very Happy
+1
avatar
YoshiGM
Forumember

Male Posts : 668
Reputation : 93
Language : Spanish, English & Italian (16%)
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by Daniel Z on September 23rd 2016, 8:15 am

The visitors can't use the pagination in the end of page:



My templates are original, untouched.

Daniel Z
New Member

Posts : 23
Reputation : 1
Language : Portuguese

http://rpg-players.forumbrasil.net/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by SLGray on September 23rd 2016, 8:30 am

@Daniel Z wrote:The visitors can't use the pagination in the end of page:



My templates are original, untouched.
Is Pagina 1 de 26 clickable?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40884
Reputation : 2776
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by The Godfather on September 23rd 2016, 9:37 am

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,
avatar
The Godfather
Administrator
Administrator

Posts : 2780
Reputation : 353

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by Lorem on September 23rd 2016, 2:41 pm

My Forum met little trouble with the interface on mobile:
No templates have been repaired


And screenshot


Last edited by Lorem on September 24th 2016, 1:54 pm; edited 1 time in total
avatar
Lorem
Forumember

Male Posts : 71
Reputation : 5
Language : Vietnamese
Location : Vietnam

http://www.forumgiaitri.net/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by Daniel Z on September 23rd 2016, 3:02 pm

Thanks, Godfather.

Daniel Z
New Member

Posts : 23
Reputation : 1
Language : Portuguese

http://rpg-players.forumbrasil.net/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by The Godfather on September 23rd 2016, 5:35 pm

@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...! affraid

avatar
The Godfather
Administrator
Administrator

Posts : 2780
Reputation : 353

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by Lorem on September 24th 2016, 4:09 am

@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...! affraid

No other way?
avatar
Lorem
Forumember

Male Posts : 71
Reputation : 5
Language : Vietnamese
Location : Vietnam

http://www.forumgiaitri.net/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by SarkZKalie on September 24th 2016, 6:06 am

Nice updates! Thank you FM! Mad
avatar
SarkZKalie
Forumember

Male Posts : 586
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by troyeccles on October 5th 2016, 5:08 am

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.




Last edited by troyeccles on October 5th 2016, 5:32 am; edited 1 time in total

troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by troyeccles on October 5th 2016, 5:21 am

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...


troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by troyeccles on October 5th 2016, 5:35 am

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?


troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by SLGray on October 5th 2016, 7:05 am

Please do not post in the announcement topic if you are having issues. Please start a topic in the correct support section.



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

avatar
SLGray
Administrator
Administrator

Male Posts : 40884
Reputation : 2776
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by azwiz on October 11th 2016, 8:12 am

Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
avatar
azwiz
Forumember

Male Posts : 444
Reputation : 6
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by SLGray on October 11th 2016, 8:32 am

@azwiz wrote: Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
You only have to do something if you had modified templates before this update.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40884
Reputation : 2776
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by azwiz on October 11th 2016, 8:42 am

@SLGray wrote:
@azwiz wrote: Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
You only have to do something if you had modified templates before this update.

No I only clicked publish because I didn't know better .
avatar
azwiz
Forumember

Male Posts : 444
Reputation : 6
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by SLGray on October 11th 2016, 8:53 am

@azwiz wrote:
@SLGray wrote:
@azwiz wrote: Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
You only have to do something if you had modified templates before this update.

No I only clicked publish because I didn't know better .
What?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40884
Reputation : 2776
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by Rhino.Freak on October 11th 2016, 10:05 am

Good updates! Very Happy keep it up! Mobile version is finally usable and we don't really need a responsive theme now.
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by OLC CREATORS on October 11th 2016, 12:52 pm

I like this improved mobile version. and i expect more...

Thanks Godfather.
avatar
OLC CREATORS
Forumember

Male Posts : 72
Reputation : 12
Language : English

http://filmsofindia.yours.tv

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by azwiz on October 11th 2016, 2:48 pm

@SLGray wrote:
@azwiz wrote:
@SLGray wrote:
@azwiz wrote: Is this something I should do ? Upgrade the mobile version ? If so can you tell me how ?
You only have to do something if you had modified templates before this update.

No I only clicked publish because I didn't know better .
What?

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
avatar
azwiz
Forumember

Male Posts : 444
Reputation : 6
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by romanzo on December 13th 2016, 1:35 am

Please optimize the chatbox for mobile version or at least have an android/ios support.

romanzo
Forumember

Posts : 64
Reputation : 3
Language : English

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by APE on December 13th 2016, 1:38 am

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.



avatar
APE
Manager
Manager

Male Posts : 11033
Reputation : 1036
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: Mobile version : New features for a better user experience

Post by romanzo on December 13th 2016, 1:50 am

@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. Smile

romanzo
Forumember

Posts : 64
Reputation : 3
Language : English

Back to top Go down

Re: Mobile version : New features for a better user experience

Post by APE on December 13th 2016, 3:07 am

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



avatar
APE
Manager
Manager

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

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

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