Easy Profile - Joomla Extension

Support

Resolved Add nav tab on a form bottom

itadminMC
General
Saturday, March 16 2019, 08:49 AM

Hello,
We would like to add the nav tabs (look at the screenshot joined) at the bottom of the form because our form is long. This advoid to scroll to the top to click on the other tab.
Could you tell us where and how to modify the php code?
Thank for your help.
Bertrand

Responses (4)

admin Accepted Answer

Admin

Hi,
tabs are generated via javascript, so try this solution:

Add following Javascript code to your template

function footbar(){

	if(jQuery('#jsn-profile-tabs').length == 0) return;

	if(jQuery('#jsn-profile-tabs-foot').length) jQuery('#jsn-profile-tabs-foot').remove();



	var a = jQuery('#jsn-profile-tabs').clone();

	a.first().attr('id','jsn-profile-tabs-foot');

	a.appendTo('#jsn-form');



	jQuery('#jsn-profile-tabs-foot a').click(function(){

		var index = jQuery(this).closest('li').attr('data-index');

		jQuery('#jsn-profile-tabs li[data-index="'+index+'"] a').click();

	});

}



jQuery(document).ready(function(){

	if(jQuery('#member-profile').length) setInterval(function(){ footbar() }, 1000);

});

Add following CSS code to your template:

#jsn-form.z-tabs > ul#jsn-profile-tabs-foot li > a{font-size:14px;}

#jsn-form.z-tabs > ul#jsn-profile-tabs-foot li > a span{display:block;font-size:12px;font-weight:normal;}

more than a month ago
General
# 1

itadminMC Accepted Answer

Hi,

Customised it and that works great as expected. We are very appreciated your reactivity.

Thanks a lot.
Bertrand

more than a month ago
General
# 2

itadminMC Accepted Answer

Just miss something for mobile device. We tried to change to



 	jQuery('#jsn-profile-tabs-foot a').on('click', function(){

.....

	});

even with 'click touchstart' or 'click touch'
We tried on Safari and Firefox on mobile, and also changed the script like below.



	var clickEvent = (function() {

  	if ('ontouchstart' in document.documentElement === true)

    	return 'touchstart';

  	else

  		return 'click';

    })();

	jQuery('#jsn-profile-tabs-foot a').on(clickEvent, function(){

		var index = jQuery(this).closest('li').attr('data-index');

		jQuery('#jsn-profile-tabs li[data-index="'+index+'"] a').click();

	});

}

Do you have an idea?
Thanks

more than a month ago
General
# 3

admin Accepted Answer

Admin

Hi,
I don't know the correct event but you can bind multiple events with a code like

function footbar(){

	if(jQuery('#jsn-profile-tabs').length == 0) return;

	if(jQuery('#jsn-profile-tabs-foot').length) jQuery('#jsn-profile-tabs-foot').remove();



	var a = jQuery('#jsn-profile-tabs').clone();

	a.first().attr('id','jsn-profile-tabs-foot');

	a.appendTo('#jsn-form');



	jQuery('#jsn-profile-tabs-foot a').bind('click keydown touch ontouchstart',function(){

		var index = jQuery(this).closest('li').attr('data-index');

		jQuery('#jsn-profile-tabs li[data-index="'+index+'"] a').click();

	});

}



jQuery(document).ready(function(){

	if(jQuery('#member-profile').length) setInterval(function(){ footbar() }, 1000);

});

more than a month ago
General
# 4

Page :
1

There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Request Support

Ask a Question

Support Availability

Working days: Monday to Friday. The support staff is not available on weekends; in the most of cases tickets will not be answered during that time.

Reply time: Depending on the complexity of your support issue it's usually between a few minutes and 24 hours for paid members and about one week for free members. When we expect longer delays we will notify you.

Guidelines

Before you post: read the documentation and search the forums for an answer to your question.

When you post: include Site Details if you request a support (you can use the form below the reply in Site Details tab).

Auto Solved Question: If after a week the author of the post does not reply to a request by moderator, the question will be marked as resolved.

Language: only English

Search Users

Easy Profile® is not affiliated with or endorsed by Open Source Matters or the Joomla Project. Joomla is Free Software released under the GNU/GPL License.