P Peter Lewis Well-Known Member Licensed User Longtime User Jun 15, 2024 #1 Hi All I am looking for a method of increasing the checkbox size in a custom list view. I have seen it has been done on Android a while ago. I have tried resizing the view with no luck, another option would be to change it to a toggle button with a graphic. Before I do that , I just wanted to check if there is any other way , Possibly thru CSS ? The Checkbox looks lost here. Thank you
Hi All I am looking for a method of increasing the checkbox size in a custom list view. I have seen it has been done on Android a while ago. I have tried resizing the view with no luck, another option would be to change it to a toggle button with a graphic. Before I do that , I just wanted to check if there is any other way , Possibly thru CSS ? The Checkbox looks lost here. Thank you
stevel05 Expert Licensed User Longtime User Jun 15, 2024 #2 Taken from this StackExchange post Code: Copy .big-check-box > .box { -fx-padding: 2em 2em 3em 3em ; } .big-check-box > .box > .mark { -fx-padding: 3em 3em 4em 4em; } You'll need add the class to each checkbox in the listview and play with it to get it exactly as you want it. Attachments BigCheckBox.zip BigCheckBox.zip 2.2 KB · Views: 379 Upvote 1
Taken from this StackExchange post Code: Copy .big-check-box > .box { -fx-padding: 2em 2em 3em 3em ; } .big-check-box > .box > .mark { -fx-padding: 3em 3em 4em 4em; } You'll need add the class to each checkbox in the listview and play with it to get it exactly as you want it.
P Peter Lewis Well-Known Member Licensed User Longtime User Jun 15, 2024 #3 stevel05 said: Taken from this StackExchange post View attachment 154635 Code: Copy .big-check-box > .box { -fx-padding: 2em 2em 3em 3em ; } .big-check-box > .box > .mark { -fx-padding: 3em 3em 4em 4em; } You'll need add the class to each checkbox in the listview and play with it to get it exactly as you want it. Click to expand... Thank you Upvote 0
stevel05 said: Taken from this StackExchange post View attachment 154635 Code: Copy .big-check-box > .box { -fx-padding: 2em 2em 3em 3em ; } .big-check-box > .box > .mark { -fx-padding: 3em 3em 4em 4em; } You'll need add the class to each checkbox in the listview and play with it to get it exactly as you want it. Click to expand... Thank you
P Peter Lewis Well-Known Member Licensed User Longtime User Jun 15, 2024 #4 stevel05 said: Taken from this StackExchange post Click to expand... Exactly what I was looking for. Thank you , a bit of fine tuning and it will be perfect !! Upvote 0
stevel05 said: Taken from this StackExchange post Click to expand... Exactly what I was looking for. Thank you , a bit of fine tuning and it will be perfect !!