# Perspective radio group

**URL:** <https://forum.inductiveautomation.com/t/perspective-radio-group/111193>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 6, 2025, 2:45am UTC](https://forum.inductiveautomation.com/t/perspective-radio-group/111193 "2025-10-06T02:45:31Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jrd](https://avatars.discourse-cdn.com/v4/letter/j/b9bd4f/32.png) [@jrd](https://forum.inductiveautomation.com/u/jrd)\
**Post date:** [October 6, 2025, 2:45am UTC](https://forum.inductiveautomation.com/t/perspective-radio-group/111193/1 "2025-10-06T02:45:31Z")

</div>

Is there a way to control the spacing between radios?  
In column orientation they use a lot of real estate  
Thanks

Ross

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 6, 2025, 11:23am UTC](https://forum.inductiveautomation.com/t/perspective-radio-group/111193/2 "2025-10-06T11:23:51Z")

</div>

Here's how to figure it out:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/c/4c847f7e9904dd6c4a6d5ca9068e864bb0b5334c.png)

- Launch the view in the browser and hit F12 to turn on Developer Tools.
- Use the Inspect Tool (1) and hover around the component until you find the problem. In this case it's the green padding (2) on the radio button.
- In the Styles tab (3), find the padding setting. Here we can see that it's set to 10px.
- Copy that block of CSS and paste it in to Project Browser | Perspective | Styles | Advanced Style Sheet. Edit it down to,

```python
.ia_radioGroupComponent_radioWrapper {
    padding: 10px;
}

```

Change the padding to something like 2px and save. It should now update in Designer. If you go back to the browser and Update in the popup you should see the modified layout.

The way this works is that the Advanced Style Sheet loads _after_ the main theme has been loaded. The last loaded of any duplicate style classes is the one that is applied so it overrides the main theme CSS.

---

<div class="post-metadata">

**Author:** ![jrd](https://avatars.discourse-cdn.com/v4/letter/j/b9bd4f/32.png) [@jrd](https://forum.inductiveautomation.com/u/jrd)\
**Post date:** [October 8, 2025, 2:57am UTC](https://forum.inductiveautomation.com/t/perspective-radio-group/111193/3 "2025-10-08T02:57:12Z")

</div>

> [@Transistor](#):
>
> Project Browser | Perspective | Styles | Advanced Style Sheet

Thank you  
Where do I find:  
Project Browser | Perspective | Styles | Advanced Style Sheet

Is this in designer? If so, can’t find it

---

<div class="post-metadata">

**Author:** ![Jasmine\_Quick](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasmine_quick/32/80380_2.png) [@Jasmine\_Quick](https://forum.inductiveautomation.com/u/Jasmine_Quick)\
**Post date:** [October 8, 2025, 4:44am UTC](https://forum.inductiveautomation.com/t/perspective-radio-group/111193/4 "2025-10-08T04:44:00Z")

</div>

What version of Ignition are you using? Advanced Stylesheets were released in 8.1.22, so if you're using an earlier version you won’t have access.

But yes, they're in the designer

---

<div class="post-metadata">

**Author:** ![jrd](https://avatars.discourse-cdn.com/v4/letter/j/b9bd4f/32.png) [@jrd](https://forum.inductiveautomation.com/u/jrd)\
**Post date:** [October 8, 2025, 5:09am UTC](https://forum.inductiveautomation.com/t/perspective-radio-group/111193/5 "2025-10-08T05:09:49Z")

</div>

I’m using **8.1.36 (b2024010211)**

Sorry, I didn’t find it yet

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 8, 2025, 8:23am UTC](https://forum.inductiveautomation.com/t/perspective-radio-group/111193/6 "2025-10-08T08:23:40Z")

</div>

Searching for "Advanced Style Sheet" in the docs would lead you to [Style Classes | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/styles/style-classes#enabling-the-advanced-stylesheet), which says:

### Enabling the Advanced Stylesheet

Changed in 8.1.22

Users with extensive background working with CSS are now able to fine tune styling by modifying the Advanced Stylesheet resource. The stylesheet is an advanced feature and is not placed by default. To enable the Advanced Stylesheet, right-click on the **Styles** folder and select **Enable Advanced Stylesheet**.

 ![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/c/4cfa9d9bccb840d600c6b5a1a4248a719b5ed6fe.png)