Formulierprobleem

[aml02873]

Velden staan op full width maar op één na zijn ze dat niet. Wat is er aan de hand? Zie file

https://we.tl/t-9JwCuCAYC9

[Pablo]

Dit komt door de stijl 'form' die je hebt gebruikt.
Wanneer je een stijl toepast dan overschijft dit alle stijl attributes. In dit geval de 'full width' property.

Je kunt dit voorkomen door 'width: 100%' aan de stijl toe te voegen.

[aml02873]

Oke ga ik doen.

[aml02873]

De oplossing die je me gaf werkt (uiteraard) toch nog een vraag om begrip te krijgen. Wat is de reden dat het tweede (numerieke) veld en de textarea wel gewoon goed werden weergegeven en de style daar kennelijk geen invloed had?

[Pablo]

Omdat daar geen validatie is toegepast. Hierdoor is de struktuur van het object anders.

[aml02873]

Ok helder. Zou het kunnen zijn dat ik de validatie niet werkend krijg doordat ik een style toepas?

[Pablo]

Dat zou kunnen. Wanneer je bootstrap validatie gebruikt dan wordt er extra een div om het input veld geplaatst, om de fout status weer te geven.
Als je een custom style gebruikt dan wordt deze status overschreven, dus de stijl is dan altijd hetzelfde.

[aml02873]

Oké dank.