# \[Bug-16627\]Ignition 8.0.13 - Perspective Style Classes not correctly applied to some input fields

**URL:** <https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472>\
**Category:** Ignition Early Access\
**Created:** [June 9, 2020, 8:57pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472 "2020-06-09T20:57:33Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [June 9, 2020, 8:57pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/1 "2020-06-09T20:57:33Z")

</div>

After updating to 8.0.13 I have lost control on background style of inputs boxes (text, numeric, dropdown…)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/4/46cf5cc9610bd2d6e3bee26a3757da8bebaf1956.png)

Before in 8.0.12 I was able to use background style on enabled/disabled control. Now with 8.0.13 i’m unable to control that!!!

Dropdown enabled put an unwanted background to the text, and disabled background can’t be stylised.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [June 10, 2020, 12:05am UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/2 "2020-06-10T00:05:05Z")

</div>

This is part of the new Theming overhaul implemented as part of 8.0.13.

If you look into `Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes\light\commoinput-field.css`, you’ll see the following:

```auto
.ia_inputField:disabled {
    color: var(--label--disabled);
    border: 1px solid var(--border--disabled);
    background-color: var(--input--disabled);
    cursor: not-allowed;
}

```

This is what is styling your input fields when they are disabled (`--input-disabled` is a named color in the variables.css file within that same `themes` directory). If these values are not to your liking, you can either bind your own in-line Style properties for the component to the disabled state, or you can customize your own custom theme to override the default values. I recommend reading up on this [post](http://forum.inductiveautomation.com/t/new-theming-update-major-visual-changes-in-perspective/34020). For an idea of what you should probably do, I’d recommend looking at a [followup](http://forum.inductiveautomation.com/t/new-theming-update-major-visual-changes-in-perspective/34020/24) in that thread.

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [June 10, 2020, 12:25pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/3 "2020-06-10T12:25:43Z")

</div>

I know the element state in the classe style, but i’m unable to change the background color on dropdown by using the element style disable…

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [June 10, 2020, 2:30pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/4 "2020-06-10T14:30:16Z")

</div>

Is there a way to remove the pillule effect in the dropdown when we are not in multi-select?

---

<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:** [June 10, 2020, 2:36pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/5 "2020-06-10T14:36:51Z")

</div>

There is through theming, but we are aware of the issue and a fix is already in the latest 8.0.14 release. In regards to the styling of disabled input elements, please be more specific so we can better address the issue. Thanks.

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [June 10, 2020, 2:42pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/6 "2020-06-10T14:42:37Z")

</div>

I use inpubox (text & numeric) and dropdown in a table to record data. I use the same style on all but the dropdown don’t use the element-state disable of my style, the inputbox text and numeric works well but not the dropdown. I view in the css that input and dropdown don’t use the same disable value and I want to customize the disable color with a style.

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [June 10, 2020, 2:44pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/7 "2020-06-10T14:44:27Z")

</div>

Do you know when 8.0.14 will be released?

---

<div class="post-metadata">

**Author:** ![dkylep](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@dkylep](https://forum.inductiveautomation.com/u/dkylep)\
**Post date:** [June 10, 2020, 3:07pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/8 "2020-06-10T15:07:04Z")

</div>

This may be the same issue I ran into, here's how I'm currently solving it.

> [@\[NEW\] Theming Update: Major Visual Changes in Perspective](http://forum.inductiveautomation.com/t/new-theming-update-major-visual-changes-in-perspective/34020/27):
>
> I am a huge fan of the theme update, thank you very much! I did however find one aspect of the theme’s that I don’t really like. The background color on the selected items dropdown ‘valuePill’ [image] [image] Is there a straight forward way in the designer to change this color? I could not find an easy way to change this color. I was able to change the style in the CSS files by locating the relavant style .ia\_dropdown\_\_valuePill { border-radius: var(--borderRadius); background-co…

Looks like a recent 8.0.14 nightly may have a fix but I haven't tried it

> [@Nightly 8.0 Changelogs - 2020](http://forum.inductiveautomation.com/t/nightly-changelogs-2020/31153/91):
>
> Nightly Changelog: 8.0.14-b20200605 Ignition Platform 16373: Wildcard subscriptions don’t work with remote providers, MQTT transmission won’t work Fixed issue with wildcard subscription. 16467: Auto-Generation of Relative Paths in UDT Definitions is broken Fixed issue with UDT paths. 16279: Mulit-Instance Wizard uses incorrect UDT parameters for non default providers When creating UDT instances with the Multi-Instance wizard the params are now sourced from the correct provider. 16518: Spe…

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [June 10, 2020, 4:09pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/9 "2020-06-10T16:09:47Z")

</div>

The “pill” background of the selected option of single-select Dropdowns was removed in 8.0.14. 8.0.14rc1 should be available fro download now.

I had missed an important part of your original post in that I didn’t realize you were using a Style Class. I was able to replicate the issue and I’ve opened a ticket to get the issue fixed. We’ll likely try to get it into 8.0.14 in the near future.

8.0.14 does not have a firm release date, but we are working on testing 8.0.14rc1, so a likely guess is within the next two to three weeks.

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [June 10, 2020, 4:18pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/10 "2020-06-10T16:18:49Z")

</div>

To create my table I use style to add border to my control, each side is a style (tbl-border-left-solid, tbl-border-right-solid,tbl-border-top-solid, tbl-border-bottom-solid), border color is difined in each style. When my inputbox is disabled I lost my border style color, the border get the default color of the css instaead color of my style.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/9d0fde1baa4400c696eca84c0cf66245d3d41046.png)  
In this example, left and top border of each order inputbox muste be black…

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [June 10, 2020, 4:22pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/11 "2020-06-10T16:22:20Z")

</div>

I have tried 8.0.14rc1 on win 64, pill is removed but I have some issues with, I have lost clic event on some labels also I got an error when I use the login page… I have rollback to 8.0.13

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/aacc61430186d8b18e1fba5c03cef68ee5f77385.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [June 10, 2020, 5:05pm UTC](https://forum.inductiveautomation.com/t/bug-16627-ignition-8-0-13-perspective-style-classes-not-correctly-applied-to-some-input-fields/35472/12 "2020-06-10T17:05:54Z")

</div>

Those sound like issues you should make us aware of in separate threads, along with more information about how you encountered them.
