06-28-2023, 03:30 PM
Dear all,
I have a strange render with css classes in an Intraweb application and I don't understand why, hope somebody can help me to fix it.
In a classic HTML/PHP page, when I assign 2 classes to an item, on rendering the classes are applied in the "text" order.
Here an example with a mix between bootstrap btn class and my own btn-welter class, the button is as expected.
![[Image: html_d6b5io.png]](https://res.cloudinary.com/teka/image/upload/v1687965488/html_d6b5io.png)
But with Intraweb, the same kind of button using the same classes is not properly render because my class is render before the bootstrap class.
![[Image: intraweb_zprcsk.png]](https://res.cloudinary.com/teka/image/upload/v1687965488/intraweb_zprcsk.png)
I tried to reverse the classes order (btn-welter btn), but the render is the same.
Then I tried to use bootstrap classes only (btn btn-primary), and in this case the result is OK, I have a classic Bootstrap blue button.
I can't add !important in my class to force the render because it comes from a common class, and somethime we have to overwrite it by using a third class.
Any idea why my classes are not processed as expected ?
Many thanks for your help.
I have a strange render with css classes in an Intraweb application and I don't understand why, hope somebody can help me to fix it.
In a classic HTML/PHP page, when I assign 2 classes to an item, on rendering the classes are applied in the "text" order.
Here an example with a mix between bootstrap btn class and my own btn-welter class, the button is as expected.
![[Image: html_d6b5io.png]](https://res.cloudinary.com/teka/image/upload/v1687965488/html_d6b5io.png)
But with Intraweb, the same kind of button using the same classes is not properly render because my class is render before the bootstrap class.
![[Image: intraweb_zprcsk.png]](https://res.cloudinary.com/teka/image/upload/v1687965488/intraweb_zprcsk.png)
I tried to reverse the classes order (btn-welter btn), but the render is the same.
Then I tried to use bootstrap classes only (btn btn-primary), and in this case the result is OK, I have a classic Bootstrap blue button.
I can't add !important in my class to force the render because it comes from a common class, and somethime we have to overwrite it by using a third class.
Any idea why my classes are not processed as expected ?
Many thanks for your help.