[OutSystems UI] Mandatory fields (*) are not in place when scrolling

Forge Component
(79)
Published on 9 Mar (3 weeks ago) by OutSystems R&D
79 votes
Published on 9 Mar (3 weeks ago) by OutSystems R&D

The * that indicates that a field is mandatory is not fixed to his field. 

If the modal has scroll, the * also scrolls and gets out of place as shown in attachment



João Rodrigues wrote:

The * that indicates that a field is mandatory is not fixed to his field. 

If the modal has scroll, the * also scrolls and gets out of place as shown in attachment




Did you try inspecting the HTML DOM,  what css is causing this issue?

if possible can you please share the url so that i can take a look of the issue?


Regards,

Pankaj


Pankaj pant wrote:

João Rodrigues wrote:

The * that indicates that a field is mandatory is not fixed to his field. 

If the modal has scroll, the * also scrolls and gets out of place as shown in attachment




Did you try inspecting the HTML DOM,  what css is causing this issue?

if possible can you please share the url so that i can take a look of the issue?


Regards,

Pankaj


Hi,


The css behind de problem:


.Form label.MandatoryLabel:after {
    content: "*";
    color: #BF1601;
    position: absolute;
    padding: 0px 5px 5px 3px;
    font-size: 12px;
    font-weight: normal;
}


If i change it to: 


.Form label.MandatoryLabel:after {
    content: "*";
    color: #BF1601;
    /*position: absolute;*/
    padding: 0px 5px 5px 3px;
    font-size: 12px;
    font-weight: normal;
}


It fixes the problem. I had a similar problem with the scroll, fixed it manually and then OS also fixed it and i got 2 scrolls on every modal. So i decided to report this one :) 


Regards,

João 



Hi João Rodrigues,


Just to be sure, are you using OutSystems UI Web (traditional) or OutSystems UI (reactive)?


Best regards,

Bernardo Cardoso

Bernardo Cardoso wrote:

Hi João Rodrigues,


Just to be sure, are you using OutSystems UI Web (traditional) or OutSystems UI (reactive)?


Best regards,

Bernardo Cardoso


Hi Bernardo,


OutSystems UI Web (traditional).


Regards,

João

Hi, 

I also have a similar problem.

I also use OutSystems UI Web (traditional).

João Rodrigues do you have a url for test?

I can't replicate on my side (check gif annexed). Maybe you have some custom CSS.


Bernardo



Bernardo Cardoso wrote:

João Rodrigues do you have a url for test?

I can't replicate on my side (check gif annexed). Maybe you have some custom CSS.


Bernardo



Bernardo Cardoso i cannot give you an URL because you need credentials to access the platform.


I attached a gif, hope it helps. There´s no custom CSS.


João