Page 1 of 1

need help with changing html links to buttons

Posted: Tue Oct 29, 2013 12:34 pm
by 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:
Image

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.


need help with changing html links to buttons

Posted: Tue Oct 29, 2013 3:10 pm
by 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


need help with changing html links to buttons

Posted: Tue Oct 29, 2013 3:47 pm
by 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...

Image

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.


need help with changing html links to buttons

Posted: Tue Oct 29, 2013 7:13 pm
by 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.


need help with changing html links to buttons

Posted: Tue Oct 29, 2013 10:33 pm
by Ram

Dear Maryna,

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

Image

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

Image

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