Hello,

I am facing an issue in Sign Up button present in the community toolbar. When I click on Sign Up button, it should go to the registration page. It is working well in Google Chrome but when clicked in Mozilla, it directly logs in the user if teh session is stored else returns to the home page.

Can you please check what is the issue on priority as my registrations can be on hold for Mozilla users.

Regards,
Dharti Gohil
This email address is being protected from spambots. You need JavaScript enabled to view it.

Hi.

Please provide us working administrator credentials.
I can't login to your site.
Please, edit your first post and add credentials to corresponding fields.

Hello Michal,

You can try to login now.

Regards,
Dharti Gohil

HI.

Issue is caused by your customization

<button class="btn btn-sm btn-accent"><a style="color: #ffffff;" href="<?php echo CRoute::_( 'index.php?option=com_community&view=register' ); ?>">
				<?php echo JText::_('MOD_COMMUNITY_SIGN_UP') ?>
			</a></button>

Hello Michal,
But it is working well in Google Chrome and not in Mozilla Firefox. Why is this so?

Regards,
Dharti Gohil

HI.

Because Google chrome ignores wrong code. FireFox doesn't.
That doesn't change the fact that code is invalid... and will cause issues.

Ok. I tried making a button as a link by doing this:

<a href="<?php echo CRoute::_( 'index.php?option=com_community&view=register' ); ?>">
<button class="btn btn-sm btn-accent"><?php echo JText::_('MOD_COMMUNITY_SIGN_UP') ?></button>
</a>

But still it doesn't work on Mozilla.

Then I tried the onclick event like

<button onclick="location.href=' www.waggster.com/index.php/register '" class="btn btn-sm btn-accent"><?php echo JText::_('MOD_COMMUNITY_SIGN_UP') ?></button>

AND EVEN THIS

<button onclick="location.href='<?php echo CRoute::_( 'index.php?option=com_community&view=register' ); ?>'" class="btn btn-sm btn-accent"><?php echo JText::_('MOD_COMMUNITY_SIGN_UP') ?></button>

But again it didn't work only for Mozilla.

Can you please suggest what should I do to make a button as a link that in will work in all browsers.

Regards,
Dharti Gohil

Hi, Kailasa.

You can't use <button> inside <a>...
Are you sure that you know what your doing here? :)
It must be <a>, just <a>.
Like now: i.imgur.com/2886MKI.png - it works.

Hello Michal,
I understood what you mean. But this is why I asked what can I do. I need to use button because in <a> I am not able to do proper styling. I am using an image of 3 buttons where I am positioning background image on hover and click. In this case the bg img is not working as button. The user can see the bg image is sliding from one position to another. This is why I used button. So how can I link this button now. Please suggest. Or if you have better way of styling the <a> tag then please suggest that too.

Regards,
Dharti Gohil
This email address is being protected from spambots. You need JavaScript enabled to view it.

HI.

Button will NOT work as a link. But you may style <a> to look IDENTICALLY as your button.
It could even use button image as background.
<a> should have display: inline-block, then you may add paddings, background or whatever you like.

But styling or customizing users site is out of scope our technical support.
Please, read our Support Policy: www.jomsocial.com/support - especially remarks at page bottom.

If you can't do styling by yourself - please, consider to hire professional developer.
www.upwork.com/groups/jomsocial