# Perspective toggle switch size

**URL:** <https://forum.inductiveautomation.com/t/perspective-toggle-switch-size/22905>\
**Category:** Ignition Early Access\
**Created:** [February 27, 2019, 5:23am UTC](https://forum.inductiveautomation.com/t/perspective-toggle-switch-size/22905 "2019-02-27T05:23:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\
**Post date:** [February 27, 2019, 5:23am UTC](https://forum.inductiveautomation.com/t/perspective-toggle-switch-size/22905/1 "2019-02-27T05:23:17Z")

</div>

The toggle switch appears to be a fixed size - adjusting the height and width of the component seems to just add more white space around it, without actually changing the size of the toggle itself. When using on an iPad, the toggle is a little smaller than ideal - it’s usable, but I can definitely foresee a client asking if I can make it a little bigger.

Is there/will there eventually be a way of increasing the size of the toggle?

It would be even better if we could specify that the system uses the “system default” toggle, with some customisation around things like colour, so that it looks as much as possible like a native iOS/android app.

---

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [February 27, 2019, 4:35pm UTC](https://forum.inductiveautomation.com/t/perspective-toggle-switch-size/22905/2 "2019-02-27T16:35:46Z")

</div>

Well, for starters. There is no system default toggle switch in regards to the browser. Toggle switches are either a checkbox element or a tree of divider elements configured to provide the appearance and behavior of a toggle switch. In our case it is the latter, although our initial implementation was a checkbox. We could dynamically scale the toggle switch and all it’s internal elements, but this could lead to other problems as a result of making things way more complex than they need to be.

Currently our toggle switch is modeled after native Android toggle switch design. IOS, by design is 4px larger (not including the track). See [https://codesandbox.io/s/1yzy7q474l](https://codesandbox.io/s/1yzy7q474l) as an example. We’d prefer to keep things simple, but you do bring up some valid thoughts. It’s possible that we can add a boolean property labeled useNative or something that when checked uses native styling after detecting the device. This adds a bit more complexity. I’ll have to bring this up internally and get back to you.