向p:inputText添加图标(例如,材料设计或主图标)

问题描述 投票:1回答:2

我想在JavaEE项目中为输入文本元素添加图标:

<h:panelGroup styleClass="md-inputfield">
    <p:inputText id="name"
                 value="#{createCustomerView.customer.name}" required="true"
                 label="Nome" requiredMessage="inserisci il nome">
        <f:validateLength minimum="2" />
    </p:inputText>
    <p:outputLabel for="name" value="Nome" />
    <p:message for="name" display="icon" />
</h:panelGroup>

如何添加图标,例如人物图标?

primefaces material-design
2个回答
2
投票

您可以使用Primefaces输入组。请参阅https://www.primefaces.org/showcase/ui/input/inputGroup.xhtml

<div class="ui-inputgroup">
  <span class="ui-inputgroup-addon"><i class="pi pi-user"></i></span>
  <p:inputText placeholder="Username" />      
</div>

但是请记住,您确实需要通过将其添加到h:head中来添加PrimeIcons。>

((如https://www.primefaces.org/showcase/ui/misc/primeicons.xhtml中所述)


0
投票

[请注意,input group不是组件,而是一组CSS规则。这些规则已在PrimeFaces 7中添加。如果您使用的是PrimeFaces的较旧版本,出​​于许多其他原因进行升级是个好主意,但如果确实不能,则可以始终将CSS rules作为自定义样式添加到自己的项目中。 。

© www.soinside.com 2019 - 2024. All rights reserved.