I want mandatory asterisk(*) to placeholder for three fields.

[Supriya Bhaskar Ghige]

I tried syncfusion  mandatory asterisk(*) to placeholder but it is not working.

Attachment: Asterisk_dd4249bf.zip

[Vinitha Jeyakumar]

Hi Supriya,

Currently, we are checking your reported query. we will update you the further details on tomorrow 23/06/2022.

Regards,

Vinitha

[Vinitha Jeyakumar]

Hi Supriya,

We have created a sample as per your requirement to show asterisk symbol for placeholder. please check the code and sample below,

Code snippet:

<form id="reactive" [formGroup]="form">

        <label class="required">File Upload:</label>

        <ejs-uploader

          #defaultupload

          id="defaultfileupload"

          [dropArea]="dropElement"

        ></ejs-uploader>

        <ejs-dropdownlist

          id="games"

          #sample

          [dataSource]="sportsData"

          [fields]="fields"

          [placeholder]="waterMark"

          [popupHeight]="height"

          floatLabelType="Always"

        ></ejs-dropdownlist>

        <ejs-textbox

          placeholder="Identifier"

          name="Identifier"

          field="Identifier"

          floatLabelType="Always"

        >

        </ejs-textbox>

        <div class="form-group template">

          <div class="submitBtn">

            <button class="submit-btn e-btn" id="submit-btn" (click)="Submit()">

              Submit

            </button>

            <div class="desc"></div>

          </div>

        </div>

      </form>

.e-float-input.e-control-wrapper .e-float-text::after {

  content: '*';

  color: red;

}

Sample: https://stackblitz.com/edit/angular-ry72uq-rtcdiq?file=app.component.html,app.component.css

Documentation: https://ej2.syncfusion.com/angular/documentation/textbox/validation/#adding-mandatory-asterisk-to-placeholder-and-float-label

Regards,

Vinitha