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 Wed Sep 21, 2016 8:11 am

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 Thu Sep 22, 2016 2:28 am; edited 1 time in total

The Godfather
Administrator
Administrator

Posts : 2448
Reputation : 271

Back to top Go down

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

Post by Flappypaddles on Wed Sep 21, 2016 8:55 am

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?


Flappypaddles
Forumember

Posts : 249
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 Wed Sep 21, 2016 9:17 am

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

The Godfather
Administrator
Administrator

Posts : 2448
Reputation : 271

Back to top Go down

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

Post by Flappypaddles on Wed Sep 21, 2016 9:24 am

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');
        });



Flappypaddles
Forumember

Posts : 249
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 Wed Sep 21, 2016 12: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





APE
Manager
Manager

Male Posts : 8636
Reputation : 756
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 Wed Sep 21, 2016 1: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.

Flappypaddles
Forumember

Posts : 249
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 Wed Sep 21, 2016 1:51 pm

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

YoshiGM
Forumember

Male Posts : 533
Reputation : 80
Language : Spanish & English
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 Fri Sep 23, 2016 12: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 Fri Sep 23, 2016 12: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.


SLGray
Administrator
Administrator

Male Posts : 36701
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by The Godfather on Fri Sep 23, 2016 1: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,

The Godfather
Administrator
Administrator

Posts : 2448
Reputation : 271

Back to top Go down

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

Post by Lorem on Fri Sep 23, 2016 6:41 am

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


And screenshot


Last edited by Lorem on Sat Sep 24, 2016 5:54 am; edited 1 time in total

Lorem
Forumember

Male Posts : 64
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 Fri Sep 23, 2016 7:02 am

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 Fri Sep 23, 2016 9:35 am

@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


The Godfather
Administrator
Administrator

Posts : 2448
Reputation : 271

Back to top Go down

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

Post by Lorem on Fri Sep 23, 2016 8:09 pm

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

Lorem
Forumember

Male Posts : 64
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 Fri Sep 23, 2016 10:06 pm

Nice updates! Thank you FM! Mad

SarkZKalie
Forumember

Male Posts : 448
Reputation : 78
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 Tue Oct 04, 2016 9:08 pm

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 Tue Oct 04, 2016 9:32 pm; edited 1 time in total

troyeccles
Forumember

Posts : 296
Reputation : 5
Language : English

Back to top Go down

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

Post by troyeccles on Tue Oct 04, 2016 9:21 pm

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 : 296
Reputation : 5
Language : English

Back to top Go down

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

Post by troyeccles on Tue Oct 04, 2016 9:35 pm

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 : 296
Reputation : 5
Language : English

Back to top Go down

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

Post by SLGray on Tue Oct 04, 2016 11:05 pm

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.


SLGray
Administrator
Administrator

Male Posts : 36701
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by azwiz on Tue Oct 11, 2016 12:12 am

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

azwiz
Forumember

Male Posts : 409
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 Tue Oct 11, 2016 12: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.


SLGray
Administrator
Administrator

Male Posts : 36701
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by azwiz on Tue Oct 11, 2016 12: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 .

azwiz
Forumember

Male Posts : 409
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 Tue Oct 11, 2016 12: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.


SLGray
Administrator
Administrator

Male Posts : 36701
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by Rhino.Freak on Tue Oct 11, 2016 2:05 am

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

Rhino.Freak
Helper
Helper

Male Posts : 1246
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 Tue Oct 11, 2016 4:52 am

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

Thanks Godfather.

OLC CREATORS
Forumember

Male Posts : 64
Reputation : 12
Language : English

http://www.filmsofindia.net

Back to top Go down

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

Post by azwiz on Tue Oct 11, 2016 6:48 am

@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

azwiz
Forumember

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

http://valleyofthesun.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