inputText

[Allysonlc]

Hello!

I'm a user of Ultima, and I really need some inputText to be bordered as in other themes.

[mert.sincan]

Do you want to use label animation with inputText component that has border?

[mert.sincan]

Please try;

Code: Select all

<style type="text/css">
    body.layout-compact .WithBorder.ui-inputfield {
        border: 1px solid #bdbdbd;
        border-radius: 3px;
        padding: 4px;
    }
    body.layout-compact .WithBorder.ui-inputfield.ui-state-focus {
        border-width: 1px;
        border-color: #3F51B5;
    }
</style>

<p:inputText styleClass="WithBorder"/>

[Allysonlc]

Thank you very much!

But can also help me with the same problem with p:calemdar p:autoComplete and selectOneMenu? Please, I need them to stick to the edges too!

[mert.sincan]

Please try;

Code: Select all

<style type="text/css">
    body.layout-compact .ui-inputfield {
        border: 1px solid #bdbdbd;
        border-radius: 3px;
        padding: 4px;
    }
    body.layout-compact .ui-inputfield.ui-state-focus,
    body.layout-compact .ui-selectonemenu.ui-state-focus {
        border-width: 1px;
        border-color: #3F51B5;
    }
    body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus > .ui-icon{
        color: #3F51B5;
    }
    body.layout-compact .ui-selectonemenu {
        border: 1px solid #bdbdbd;
        border-radius: 3px;
    }
    body.layout-compact .ui-selectonemenu .ui-selectonemenu-label {
        border: none;
    }
    body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger {
        top: 6px;
    }
    body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
        margin-right: 10px;
    }
</style>

[Allysonlc]

Thank you very much!

[mert.sincan]

You're welcome!