Widget appearance Issues

Solar2D Widgets
#1

I’m sure there is a simple fix to this but I can’t seem to find it or google the correct thing to find the answer.

When I’m on my Windows PC using the Corona Simulator my switches/check boxes ect. look and are positioned a certain way but when I load the app on to my Nexus 7 the switches/checkboxes ect. will change appearance and sometimes position. 

Is there something in the config.lua file I need to change or in the simulator to get my tablet and the simulator to display the same style widgets?

#2

This is no direct answer but more of a tip for future.

If You have some time write Your own widgets/buttons library, and use Your own graphic. This way You have full control how it will appear and You can ensure all devices will behave the same, and will display Your content the same way if You program it good enough. About build in widgets and graphic files, they use the ones provided with os of the device, for example different ios devices might have different appearnce. Altought I am not a specialist, so feel free to correct me if I am wrong.

#3

Hi @bugaboo754,

By default, some widgets automatically detect the platform and render themselves in a style which closely matches the native OS styling.

However, if you want to make them consistent across platforms, you can use two approaches:

  1. Use graphical assets as suggested by @dirindon

  2. Use the “widget.setTheme()” function and choose a theme which seems suitable for you: https://docs.coronalabs.com/api/library/widget/setTheme.html

Hope this helps,

Brent

#4

This is no direct answer but more of a tip for future.

If You have some time write Your own widgets/buttons library, and use Your own graphic. This way You have full control how it will appear and You can ensure all devices will behave the same, and will display Your content the same way if You program it good enough. About build in widgets and graphic files, they use the ones provided with os of the device, for example different ios devices might have different appearnce. Altought I am not a specialist, so feel free to correct me if I am wrong.

#5

Hi @bugaboo754,

By default, some widgets automatically detect the platform and render themselves in a style which closely matches the native OS styling.

However, if you want to make them consistent across platforms, you can use two approaches:

  1. Use graphical assets as suggested by @dirindon

  2. Use the “widget.setTheme()” function and choose a theme which seems suitable for you: https://docs.coronalabs.com/api/library/widget/setTheme.html

Hope this helps,

Brent