LiveCode Forums

I used radio buttons on Android today and they look terrible. Rather than the circle with a dot in the center to indicate it's hilited they are a black diamond outline which is filled in solid black when hilited.

I know you can create your own icons, but I don't understand why the default one looks so bad. Am I missing something? Is there an easy way to make my radio buttons on Android look like normal radio buttons, or do I need to make my own?

I really like LiveCode. I used the community edition for a while and recently purchased an Indy license. But it's frustrating when you have to stop coding and try to be a graphic designer just to get something as basic as a radio button to look decent. The default radio buttons give your app a Windows 95 look and feel.

I hate to complain and I don't mean to come off sounding like a whining ass with entitlement issues, but for something as commonly used as a radio button can't the default be made to look a bit better?

TJ.

Radio buttons are seldom used on mobile. Too little space. Consider a button that uses a mobile picker instead.

Hi,

for Android style icons look here.

Have fun!

Thanks for the suggestions, much appreciated. For my application the user has just two choices, and can only select one or the other, so radio buttons make sense and would be faster for the user than a mobile picker.

Checking out the icons at material.io, these look like what I was hoping for. But still, why not just use something like these for the default Android radio button, the diamond shaped checkboxes don't look good imo. Seems like a small improvement, and again I know you can customize this as much as you want, but still it would be nice if the default was something that looks like what you expect a radio button to look like. Just my two cents.

Thanks again,

TJ.

With just two choices I might use two rectangular buttons, grouped with the radioBehavior set.

RadioBehavior only works with radio buttons, so rectangular ones would still require scripted toggles. With only two choices this wouldn't be very much work.

But if I remember right, you can supply your own icon for a radio button which will replace the default. You'll need two icons, one for each hilite state, and assign those in the icon pane of the property inspector.

What Jacqueline said.
Here is a stack with custom radios buttons in a group.
Best regards
Jean-Marc

ah great.
I thought this was not possible with radiobuttons.
The original are so tiny when deployed on a phone.

@jmburnod

Hi Jean-Marc

I am a newbie at Livecode and also my english is not the best.

I downloaded your Radio Buttons and tryed to implement on my stack by copy and paste.

Worked fine until I saved the stack and opened again. The Buttons where gone! But only the the image was not there.

How do I implement your Buttons correct? Where do I put the two images?

Hope you can give me a step by step instruction.

Texter

Hi Texter,
Welcome to this forum.

my english is not the best

Sometimes, some users of this forum watch my progress

Worked fine until I saved the stack and opened again. The Buttons where gone! But only the the image was not there.
How do I implement your Buttons correct? Where do I put the two images?

Yes, you also have to copy/paste images "iRadio" and "iRadioHi" and set icon and hiliteIcon of your radio btn to the id of images
Best regards
Jean-Marc

Hi Jean-Marc

I had the wrong ID. LC changed the ID at the moment I copied them.

But one thing I still don´t know. Where do you put in the images?

Thanks

Texter

Hi Texter,

Texter wrote: ↑

Mon Jun 18, 2018 8:23 pm

But one thing I still don´t know. Where do you put in the images?

you can put them anywhere in your stack on any card you like. Maybe on a card in your app that the user will never see.
AND you can even hide them, they will be displayed in the button anyway!

Hint:
To avoid ID conflicts (wrong image in button!), you should keep all of the images for your project on ONE card
in either the mainstack or any substack, but nowhere else!

Best

Klaus

Hi Klaus

Danke sehr. Eigentlich simple aber man denkt dann einfach zu kompliziert.
Thank you very much. Actually simple but I was thinking to complicate.

Habs jetzt hinbekommen. Muss nur noch eine nicht benutze Card einfügen.
Done now. All I have to do now is to insert an unused card.

Texter

PS Habe noch ein Problem, aber das mache ich extra weil es nicht zu diesem Problem gehört. Vielleicht kannst du mir ja da auch helfen
PS Still have another problem, but I do it seperate because it does not belong to this problem. Maybe you can help me there as well