Easy Profile - Joomla Extension

Hi Lok,
add this code to your css and disable 'Include bootstrap CSS' from configuration (see screenshot)

ul#profile_tabs{list-style:none;margin:0;padding:0;height:35px;position:relative;border-bottom:4px solid #1782C7;}

ul#profile_tabs li{list-style:none;margin:0;padding:5px 10px;float:left;}

ul#profile_tabs li a{font-weight:normal;color:black;font-family: "NovecentowideNormal",Helvetica,Arial,sans-serif;font-size:12px;}

ul#profile_tabs li.active{border:1px solid #1782C7;background:url(/templates/rt_diametric/images/overlays/light/nav-lines.png);;border-bottom:0px;border-top-left-radius:4px;border-top-right-radius:4px;height:24px}

.tab-pane{display:none;}

.tab-pane.active{display:block;}

.chzn-container-single .chzn-single{padding: 0 0 0 8px !important;}

Hi,
please send me your site link with private message (the site details works only if you fill username and password). You can use the PM button below my avatar in this forum.

Put this code at the end of file templates/rt_reflex/css/template.css (or in the css file of your choice)

.tab-pane{display:none;} 

.tab-pane.active{display:block;}

the reason for which not insert the bootstrap css is because I want to keep the component as much light as possible!
The templates for joomla 3 should have something to interpret bootstrap classes, any default component joomla uses these classes.

For example, Community Builder with bootstrap template has a load of:
CSS: 200Kb
JQuery Library: ~ 90Kb
Jquery UI ~ 200Kb
Other scripts 100Kb ~ 300 Kb
excluding various plugins

Easy Profile Basic
CSS: 7Kb
Javascript: 4KB

Hi, can you provide me site link?

hello

ive just download easy profile to test it..

seems work fine but the tabs don't work with rockettheme templates..

is there a solution for that ?

thanks

ok, Michelle looks now.
In a private message I'll explain what I did.
In the lastest release 1.0.7 i have added i option to hide empty field.

Michelle,
Can you provide me a ftp account?
I add the bootstrap css to your site (see the screenshot).

the reason for which not insert the bootstrap css is because I want to keep the component as much light as possible!
The templates for joomla 3 should have something to interpret bootstrap classes, any default component joomla uses these classes.

For example, Community Builder with bootstrap template has a load of:
CSS: 200Kb
JQuery Library: ~ 90Kb
Jquery UI ~ 200Kb
Other scripts 100Kb ~ 300 Kb
excluding various plugins

Easy Profile Basic
CSS: 7Kb
Javascript: 4KB

Thanks for your reply, I'll look into that for the profile page.

From what I can see though, the tabs aren't working for the registration page - see attached image.

Not sure what the issue is...

The Tabs Layout is only for registration and edit profile.
If you want modify the profile layout you can overrides template of component.
In the future we will design new layout for the profile page(tabs, panels collapse).

For a profile page more attractive follow these instructions:
- remove the code added to custom.css file
- add the attached code to file templates/ireview2/index.php after "meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">"

I added it to the custom.css for our template but it's still not working. I've included a couple of screenshots...

Michelle,
on you site you can add the code on /templates/ireview2/css/custom.css at the bottom.

I'm having the same issue...

When you say enter the code into the css file, do you mean the template css? This I have done, but tabs are still not working...

you need to enter this code in the css file:

.tab-pane{display:none;} 

.tab-pane.active{display:block;} 

the problem is caused by the template that not incorporates the basic classes of the Bootstrap.

Thank you!

Yes, it could be the override template or your template.
if you want I can investigate, but I need the details of your website (you can use the form below the response in "site detail".

My settings are correct, but the tabs are not working. It may be a another plugin, although I disabled the suspects and it did not help. May also be something in my template or a template override.

Great plugin! The free version should be part of the Joomla core.

Thank you!
Devon

Sorry for the late response.

Yes, the tabs schema is created through a javascript(with plugin), but the output is that of the component com_users.

You can remove tabs schema from the to Components -> Easy Profile -> Options -> View the form in tabs (Registered and edit profile views)