1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Material Outline 2.0 TextBox

Aroquiassamy LA ROZE priority asked 5 years ago

Hi @Damian,

In Material 2.0 text-field/Input How to place the ICON inside the text-boxIn this Icon is outside the text-box But Instead I want to place it inside the textbox? can u guide me?

Damian Gemza staff answered 5 years ago

Dear La Roze,

Please check the below code.

.html:

<div class="md-form md-outline">
        <mdb-icon fas icon="envelope" style="position: absolute; right: 10px"></mdb-icon>
        <input type="text" id="inputIconEx1" class="form-control" mdbInput>
        <label for="inputIconEx1">E-mail address</label>
        <small id="emailHelp2" class="form-text text-muted">We'll never share your email with anyone.</small>
      </div>

Best Regards,

Damian

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: Desktop-Lenova
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes
Tags
material-box-angular text-box input
About author
Aroquiassamy LA ROZE
402Support score
50Questions 22Answers 1Snippets