Multilanguage buttons

Installing your languages will help you.
Defining which pages in which languages changes the buttons automatically

Dutch:
Elke taal installeren die je wil gebruiken.
Wanneer je de desbetreffende pagina's koppelt aan de desbetreffende taal, veranderen de buttons automatisch mee.

That's true for the ones made by the joomla editor. I'm taling about the one's added by Themler and their label. Different story. How do i know that? Cause i tried it. "Lees Meer" stayed "Lees meer" even when swapping to en-GB.

So i'm moving from hardcoded template buttons to class buttons inside the module.

I'm working with https://getbootstrap.com/docs/4.0/components/buttons/

By all accounts <a class>Lees Meer</a> is valid bootstrap code but all i'm getting is the "Lees Meer" link. The only class that seems to work is "btn-primary" which i don't want for styling purposes. I like the outline one but they're not working

Last edited 01 December 2019 by Ch3vr0n

bump.

You can try to create Joomla Language Override and then put code with Key at your button in Themler.

Example:

<?php echo JText::_( 'YOUR_KEY' ); ?>

But the easiest way is to create Joomla Position and create button in Joomla module. You can add <button> tag in Joomla HTML module and then inspect the class on front-end. And then use this class with a tag.

That issue has been solved via a different method. Using modules with the bootstrap button code. Now there's just the styling problem left.

Bump, still need a fix to the class styling problem.

<a class="btn btn-outline-secondary btn-lg" href="overleg">Lees Meer</a>

Only gives the the text "Lees Meer" in a link, not bootstrap style it should based on https://getbootstrap.com/docs/4.4/components/buttons/

Last edited 06 December 2019 by Ch3vr0n

Themler based on old Bootstrap 3. So you need to use this classes: https://getbootstrap.com/docs/3.4/css/#buttons-options

Last edited 06 December 2019 by Vitaliy WD

Now we're getting somewhere? The closes i can think of to the "outline" one is the default. Any idea's how i can make that one look like the outline one (perhaps by adding custom css during theme export?)

using

< button>

class strips away the link i need to the page.

Last edited 06 December 2019 by Ch3vr0n

Not sure that I understand correctly what you want to achieve. But here is a two ways:

1) Add Custom CSS for .btn-primary for example

2) Forget about Bootstrap based buttons. Create button in Themler (Design tab - Button). Then in Joomla module add code

<a href="#" class="bd-button">Link</a>

If you need custom style button exactly for section where you have module you can use More style - Button to create new style of button for this section only. But after this you need to know new style: for this just add <button> Link </button> tag to Joomla module and then Inspect it on front-end to get the class (it can be like a .bd-button-20).

Last edited 06 December 2019 by Vitaliy WD

nr 2 worked using the normal "button" styling. Couldn't get bd-button to work.