need help with changing html links to buttons

[Ram]

Dear Appery,

i have this code html:

code
<div class="portfolioFilter">

Code: Select all

 <a href="#" data-filter="*" class="current">All Categories<&#47;a> 
 <a href="#" data-filter="&#46;people">People<&#47;a> 
 <a href="#" data-filter="&#46;places">Places<&#47;a> 
 <a href="#" data-filter="&#46;food">Food<&#47;a> 
 <a href="#" data-filter="&#46;objects">Objects<&#47;a> 

<&#47;div>
/code

and it looks like this:

for ex. how do i add the data-filter=".people" to a button and get the same result when clicking the button instead of the link?

many many thanks in advance!
Best,
R.

[maxkatz]

If you want to add data-filter=".people" for buttons you have to add this parameter via Properties panel (click "More Properties").

Do you want buttons to look like link? It's better to use "Label" component instead with "underline" parameter

[Ram]

Hi Max

Thank you for your reply!

i dont want the buttons to look like a link, i want the button to do what the link does...

i tried to add data-filter=".people" to the button properties but it didnt do anything...

this is how it act once i click on the link, i want to do the same when i click on the button:

see the behavior once the link clicked and the button with the property data-filter implemented

any thoughts?

TIA!!!
R.

[Maryna Brodina]

Hello! It hard to say as information you've provided is no enough. Could you clarify if you use any plugin? If so please check plugin description/settings/api.

[Ram]

Dear Maryna,

Indeed i use a plugin, sorry for not mention that in my post

but on the bright side i did manege to make it work!

Cheers and thank you for your awesome support!
Best,
R.