Mandatory Field Stars are visible even when accordion is closed

Dear all,

strange thingy:
I've a closed accordion-item.
On that item I have a edit-records with some mandatory fields.
At the labels of those fields red stars are present which indicate the fields are mandatory.
But even when the accordion is closed, they are visible


Somebody knows why?

Best regards,

Jeroen

Hi Jeroen,

I'm having some trouble reproducing this: I tried creating an accordion with a mandatory input, but the mandatory asterisk is displayed correctly.

Could you isolate this behaviour and share it in a module for everyone to test? If not, can you check the ":after" pseudo-class of the input labels? There could be some unintended CSS being applied there. This is what it looks like with a fresh module:


Ignore the z-index property in that screenshot, that was me trying to reproduce what you're seeing.

Hi Jeroen,


Can you be more specific? Is that a Traditional Web or Reactive? 

What is your base template?


Best regards,

Ricardo M Pereira

Hi Ricardo,

it's on a popup from webpatterns bases on dublin-layout.

Traditional-Web...

Best regards, 

Jeroen 

Solution

@All,


in the WebPatterns/Theme.Patterns_SilkUI.css.... the CSS for this was:

EditRecord_Caption ThemeGrid_Width1 MandatoryCaption

.MandatoryCaption:after {
    color: #bf1601;
    content: "*";
    font-size: 12px;
    font-weight: normal;
    padding: 0 5px 5px 3px;
    position: absolute;
}
Because of the "position: absolute;" the asterisks were still visible.

I've changed this to "position:inherit;" and now it works.......

Thanks all !

Solution