Hi,
I would like to override the max-width property of the oj-input-text component in one of my pages alone.
So I created a custom CSS class in app.css as follows:
input.test-login.oj-inputtext{
max-width : none;
}
and I have applied this custom CSS class on my page as follows:
<input type="text" required="true" placeholder="Username" autofocus data-bind="ojComponent: {
component: 'ojInputText', value: username, invalidComponentTracker: tracker,
rootAttributes: {class: 'test-login'}}">
But the max-width is still 18em when I do an inspect from the browser.
Is this the right way to apply CSS? If not, how should I go about it?
Also, do we have some training material on how to create and apply custom themes on the JET application?
Regards,
Sarah