radio button style/skin

Got a LiveCode personal license? Are you a beginner, hobbyist or educator that's new to LiveCode? This forum is the place to go for help getting started. Welcome!

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller

Post Reply
slowdash
Posts: 24
Joined: Wed Feb 22, 2012 10:52 am

radio button style/skin

Post by slowdash » Wed Jul 11, 2012 9:54 am

Is there a way to change the default appearance of the radio buttons? The default radio buttons doesnt look good on android

thanks,
-Rye

jmburnod
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2718
Joined: Sat Dec 22, 2007 5:35 pm
Location: Genève
Contact:

Re: radio button style/skin

Post by jmburnod » Wed Jul 11, 2012 10:22 am

Hi slowdash
Yes. You can set the icon of radio btn also
Best regards
Jan-Marc
https://alternatic.ch

slowdash
Posts: 24
Joined: Wed Feb 22, 2012 10:52 am

Re: radio button style/skin

Post by slowdash » Thu Jul 12, 2012 3:04 am

yep, i know it can also be styled, but i cant seem to figure out, how i can put an icon for the hilited/pressed/currently selected state

sturgis
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 1685
Joined: Sat Feb 28, 2009 11:49 pm

Re: radio button style/skin

Post by sturgis » Thu Jul 12, 2012 3:12 am

import the images you wish to use for your selected and unslected radio button
place your radio buttons on the card
make sure its selected
go into the property inspector
go to the icons and border pane
put the id of the image you wish to be the unselected look for your radio button into the first box (icon)
put the id of the image you wish to be the selected look for your radio button into the second box (hilited icon)

try it out!

If you want the image on the left and the button label on the right you can go into the text formatting pane and choose right justified. If you want the image on the right, choose left justified.

slowdash
Posts: 24
Joined: Wed Feb 22, 2012 10:52 am

Re: radio button style/skin

Post by slowdash » Thu Jul 12, 2012 6:38 am

hi sturgis, thanks man that works perfectly

Klaus
Posts: 13847
Joined: Sat Apr 08, 2006 8:41 am
Location: Germany
Contact:

Re: radio button style/skin

Post by Klaus » Thu Jul 12, 2012 1:33 pm


croivo
Posts: 111
Joined: Wed Feb 26, 2014 11:02 pm
Location: Croatia

Re: radio button style/skin

Post by croivo » Fri Apr 11, 2014 6:28 pm

Anybody know how to place icon next to the label (not on the opposite side)?

dunbarx
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 9695
Joined: Wed May 06, 2009 2:28 pm
Location: New York, NY

Re: radio button style/skin

Post by dunbarx » Fri Apr 11, 2014 6:34 pm

Hi.

Does changing the textalign to "right" do what you asked?

Craig Newman

croivo
Posts: 111
Joined: Wed Feb 26, 2014 11:02 pm
Location: Croatia

Re: radio button style/skin

Post by croivo » Fri Apr 11, 2014 7:44 pm

dunbarx wrote:Hi.

Does changing the textalign to "right" do what you asked?

Craig Newman
No. It aligns text to the right but now icon go to left. Same thing...

jacque
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 7250
Joined: Sat Apr 08, 2006 8:31 pm
Location: Minneapolis MN
Contact:

Re: radio button style/skin

Post by jacque » Sat Apr 12, 2014 7:54 pm

Adjust the right margin of the button. For example, "set the rightmargin of btn x to 10".

You'll have to experiment to find the right amount, and if you change the label you'll need to do it again.
Jacqueline Landman Gay | jacque at hyperactivesw dot com
HyperActive Software | http://www.hyperactivesw.com

Post Reply

Return to “Getting Started with LiveCode - Complete Beginners”