Serenity for angular 9

Post Reply
Lanis
Posts: 3
Joined: 07 Dec 2019, 00:33

09 Apr 2020, 13:47

I coppied the input group from the form demo and created a new module which have a component. The style of the input is messed up. I didn't add anything to the project configuration. Image

Lanis
Posts: 3
Joined: 07 Dec 2019, 00:33

23 Apr 2020, 14:19

Any solution?! This is a blocker since I can't create any new feature in my app.

merve7
Posts: 601
Joined: 12 Sep 2017, 10:44

23 Apr 2020, 16:11

Hi,
Does your code include inputgroup classes for example; ui-inputgroup or md-inputfield and please check pInputText directive?

Lanis
Posts: 3
Joined: 07 Dec 2019, 00:33

08 May 2020, 17:59

Hi, thanks for your response,
here is my code:

Code: Select all

<div class="ui-g-12">
        <div class="card card-w-title">
            <h1>Input Groups</h1>

            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-6">
                    <div class="ui-inputgroup">
                        <span class="ui-inputgroup-addon"><i class="material-icons">account_circle</i></span>
                        <span class="md-inputfield">
                            <input type="text" pInputText>
                            <label>Username</label>
                        </span>
                    </div>
                </div>

                <div class="ui-g-12 ui-md-6">
                    <div class="ui-inputgroup">
                        <span class="ui-inputgroup-addon"><i class="material-icons">credit_card</i></span>
                        <span class="ui-inputgroup-addon"><i class="material-icons">card_travel</i></span>
                        <span class="md-inputfield">
                            <input type="text" pInputText>
                            <label>Price</label>
                        </span>
                        <span class="ui-inputgroup-addon">$</span>
                        <span class="ui-inputgroup-addon">.00</span>
                    </div>
                </div>

                <div class="ui-g-12 ui-md-6">
                    <div class="ui-inputgroup">
                        <span class="md-inputfield">
                            <input type="text" pInputText>
                            <label>Keyword</label>
                        </span>
                        <button pButton type="button" icon="ui-icon-search"></button>
                    </div>
                </div>

                <div class="ui-g-12 ui-md-6">
                    <div class="ui-inputgroup">
                        <span class="ui-inputgroup-addon"><p-checkbox></p-checkbox></span>
                        <span class="md-inputfield">
                            <input type="text" pInputText>
                            <label>Confirm</label>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

Post Reply

Return to “Serenity - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest