ui-inputgroup-addon needs a fill option when md-inputfield-fill is being used

Post Reply
paulswan
Posts: 94
Joined: 27 Apr 2017, 08:19

14 Feb 2018, 01:20

In Ultima, if you are using <span class="md-inputfield md-inputfield-fill"> inside an ui-inputgroup the ui-inputgroup-addon will not have the same background-color as the input which is not a good look. Can you please add a class to the ui-inputgroup-addon that has the same background-color as md-inputfield-fill?

My workaround at the moment was to add the following class to styles.scss

Code: Select all

  .ui-inputgroup {
    .ui-inputgroup-addon {
      &.ui-inputgroup-addon-fill {
        background-color: $textboxBgColor;
      }
    }
  }
which is used like this:

Code: Select all

            <div class="ui-inputgroup">
                <span class="md-inputfield md-inputfield-fill">
                    <input pInputText type="text" name="foo" id="foo" [(ngModel)]="this.foo">
                    <label for="foo">foo</label>
                </span>
                <span class="ui-inputgroup-addon ui-inputgroup-addon-fill">bar</span>
            </div>

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

20 Feb 2018, 15:05

We added ui-inputgroup-addon-fill for next release.

paulswan
Posts: 94
Joined: 27 Apr 2017, 08:19

21 Feb 2018, 01:43

:D

User avatar
aragorn
Posts: 3111
Joined: 29 Jun 2013, 12:38

16 May 2018, 09:21

Thanks @merve7, +1 ;)

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests