Hi,
There is some way to easy way to put a searchbutton inside inputText
similar to calendar using "showOn="button""?
I'm using panel-grid which is dificult to manage the style per DIV
Best regards
Search button inside p:inputText
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
I think you can try https://www.primefaces.org/showcase/ui/ ... roup.xhtml with 6.1.x and 6.2-SNAPSHOT.
What PF version are you using?
What PF version are you using?
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Please try;
Exp;
Code: Select all
.ui-inputgroup {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.ui-inputgroup .ui-inputgroup-addon {
padding: 4px;
}
.ui-inputgroup .ui-inputgroup-addon, .ui-inputgroup .ui-inputgroup-addon-checkbox {
display: inline-block;
text-align: center;
min-width: 1.5em;
border: 0 none;
}
.ui-inputgroup .ui-inputtext {
padding-left: .5em;
}
body .ui-fluid .ui-inputgroup .md-inputfield {
width: 100%;
box-sizing: border-box;
}
body .ui-inputgroup .ui-inputgroup-addon .material-icons {
top: -6px;
position: relative;
}
Code: Select all
<div class="ui-inputgroup">
<h:panelGroup styleClass="md-inputfield">
<p:inputText />
<label>Email</label>
</h:panelGroup>
<span class="ui-inputgroup-addon"><i class="material-icons"></i></span>
</div>
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks a lot for the update!
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 3 guests