PrimeNG Auto-Complete with inputStyleClass

UI Components for Angular
Post Reply
rgoal
Posts: 3
Joined: 19 Jun 2018, 18:50

13 Sep 2018, 18:02

I am using primeNG Auto complete and added inputStyleClass="form-control"..the issue is the icon goes to the next line..see image below

Image

It should align next to the box, how do i do that?

HTML

Code: Select all

 <div class="form-group col-xs-3 col-md-3"
                                          [ngClass]="{
                                         'has-error':(ersaForm.get('gatewayRole').touched || ersaForm.get('gatewayRole').dirty ) &&
                                         !ersaForm.get('gatewayRole').valid
                                         }">
                                        <label for="gatewayRoleId" class="control-label">Gateway Role</label>
                                        <p-autoComplete  [suggestions]="iRole"  formControlName="Role"    inputStyleClass="form-control" id="RoleId" placeholder="Role (required)" (completeMethod)="searchRole($event)" [style]="{'width':'85%'}" [inputStyle]="{'width':'85%'}" field="name" dataKey="id" [dropdown]="true"></p-autoComplete>
    
                                    </div>

User avatar
sudheer
PrimeFaces Core Developer
Posts: 4344
Joined: 16 Oct 2011, 19:19
Location: Singapore

14 Sep 2018, 14:47

It depends on what styleClass you added to inputStyleClass. Can you show that snippet as well.
Author,Speaker
https://twitter.com/sudheerjonna
Github: https://github.com/sudheerj
Website http://sudheerjonna.com/

___________________
Sudheer Jonna

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests