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

Solved 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

The Godfather
Administrator
Administrator

Posts : 2386
Reputation : 253

Back to top Go down

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


Flappypaddles
Forumember

Posts : 202
Reputation : 1
Language : english

http://inaflap.forumotion.co.uk

Back to top Go down

Solved 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

The Godfather
Administrator
Administrator

Posts : 2386
Reputation : 253

Back to top Go down

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



Flappypaddles
Forumember

Posts : 202
Reputation : 1
Language : english

http://inaflap.forumotion.co.uk

Back to top Go down

Solved 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





APE
Manager
Manager

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

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

Back to top Go down

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

Flappypaddles
Forumember

Posts : 202
Reputation : 1
Language : english

http://inaflap.forumotion.co.uk

Back to top Go down

Solved 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

YoshiGM
Forumember

Male Posts : 512
Reputation : 76
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved 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

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


SLGray
Administrator
Administrator

Male Posts : 35646
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

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

The Godfather
Administrator
Administrator

Posts : 2386
Reputation : 253

Back to top Go down

Solved 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

Lorem
Forumember

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

http://www.forumgiaitri.net/

Back to top Go down

Solved 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

Solved 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


The Godfather
Administrator
Administrator

Posts : 2386
Reputation : 253

Back to top Go down

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

Lorem
Forumember

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

http://www.forumgiaitri.net/

Back to top Go down

Solved 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

SarkZKalie
Forumember

Male Posts : 419
Reputation : 74
Language : English

http://rotavn.nstars.org/

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