Jump to content


Photo
- - - - -
Resolved

How To Make Bootstrap Labels And Badges Become A Link (Like Button).

bootstrap

  • Please log in to reply
5 replies to this topic

#1 seeyou30

seeyou30

    Advanced Member

  • Members
  • 61 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 30 October 2012 - 06:14 AM

Hi,

PL 2.3.5


I like this tiny look of Labels and Badges, so I want them to be clickable.
I know I can use Buttons but still want labels and badges for design purpose.


Is there a way to customize colors in them?


tnx

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 October 2012 - 08:45 AM

Hi,

Labels like Buttons and Badges come in multiple colors, you can view all the colors available here -

Please Login or Register to see this Hidden Content



Although, Labels and Badges don't support the function to be used as a link "Out of the Box", you could add HTML to create a link. However, you could simply use the button shortcode and use the mini button to have a similar effect.

#3 seeyou30

seeyou30

    Advanced Member

  • Members
  • 61 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 30 October 2012 - 09:39 AM

thank u for ur answer.
there are only 6 colours available.
and yes, Id like to have clickable badges and labels.

what exactly needed to make them links?

ty

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 October 2012 - 10:29 AM

Well the Labels and Badges do not support links, so in doing this you will need to apply some custom CSS.

Please Login or Register to see this Hidden Content


To add a link to a label or badge you will need to use actual HTML and not the shortcode. See the example below.

Please Login or Register to see this Hidden Content




To create custom colors, use the code above to add your custom class ( see label-purple ) this is a custom class and then use the custom CSS below to style the label and badge.


Please Login or Register to see this Hidden Content


If you need to see other HTML code for labels and badges, visit this page -

Please Login or Register to see this Hidden Content



#5 seeyou30

seeyou30

    Advanced Member

  • Members
  • 61 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 31 October 2012 - 06:26 AM

wow thank you, worked like a charm

resolved

#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 November 2012 - 12:08 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, bootstrap