Radio Buttons look awful...
Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller
Radio Buttons look awful...
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.
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.
-
- VIP Livecode Opensource Backer
- Posts: 9837
- Joined: Sat Apr 08, 2006 7:05 am
- Location: Los Angeles
- Contact:
Re: Radio Buttons look awful...
Radio buttons are seldom used on mobile. Too little space. Consider a button that uses a mobile picker instead.
Richard Gaskin
LiveCode development, training, and consulting services: Fourth World Systems
LiveCode Group on Facebook
LiveCode Group on LinkedIn
LiveCode development, training, and consulting services: Fourth World Systems
LiveCode Group on Facebook
LiveCode Group on LinkedIn
Re: Radio Buttons look awful...
All code published by me here was created with Community Editions of LC (thus is GPLv3).
If you use it in closed source projects, or for the Apple AppStore, or with XCode
you'll violate some license terms - read your relevant EULAs & Licenses!
If you use it in closed source projects, or for the Apple AppStore, or with XCode
you'll violate some license terms - read your relevant EULAs & Licenses!
Re: Radio Buttons look awful...
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.
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.
-
- VIP Livecode Opensource Backer
- Posts: 9837
- Joined: Sat Apr 08, 2006 7:05 am
- Location: Los Angeles
- Contact:
Re: Radio Buttons look awful...
With just two choices I might use two rectangular buttons, grouped with the radioBehavior set.
Richard Gaskin
LiveCode development, training, and consulting services: Fourth World Systems
LiveCode Group on Facebook
LiveCode Group on LinkedIn
LiveCode development, training, and consulting services: Fourth World Systems
LiveCode Group on Facebook
LiveCode Group on LinkedIn
-
- VIP Livecode Opensource Backer
- Posts: 7237
- Joined: Sat Apr 08, 2006 8:31 pm
- Location: Minneapolis MN
- Contact:
Re: Radio Buttons look awful...
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.
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.
Jacqueline Landman Gay | jacque at hyperactivesw dot com
HyperActive Software | http://www.hyperactivesw.com
HyperActive Software | http://www.hyperactivesw.com
-
- VIP Livecode Opensource Backer
- Posts: 2718
- Joined: Sat Dec 22, 2007 5:35 pm
- Location: Genève
- Contact:
Re: Radio Buttons look awful...
What Jacqueline said.
Here is a stack with custom radios buttons in a group.
Best regards
Jean-Marc
Here is a stack with custom radios buttons in a group.
Best regards
Jean-Marc
- Attachments
-
- stRadioButtton.zip
- (7.69 KiB) Downloaded 281 times
https://alternatic.ch
Re: Radio Buttons look awful...
ah great.
I thought this was not possible with radiobuttons.
The original are so tiny when deployed on a phone.
I thought this was not possible with radiobuttons.
The original are so tiny when deployed on a phone.
Re: Radio Buttons look awful...
@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 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
-
- VIP Livecode Opensource Backer
- Posts: 2718
- Joined: Sat Dec 22, 2007 5:35 pm
- Location: Genève
- Contact:
Re: Radio Buttons look awful...
Hi Texter,
Welcome to this forum.
Best regards
Jean-Marc
Welcome to this forum.
Sometimes, some users of this forum watch my progressmy english is not the best
Yes, you also have to copy/paste images "iRadio" and "iRadioHi" and set icon and hiliteIcon of your radio btn to the id of imagesWorked 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?
Best regards
Jean-Marc
https://alternatic.ch
Re: Radio Buttons look awful...
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
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
Re: Radio Buttons look awful...
Hi Texter,
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
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
Re: Radio Buttons look awful...
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
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