Adding Asterisk " *" to the float-labels of Syncfusion components for required fields

Question

Any code example for this? thanks

Sureshkumar P · Answer

Hi Wei Cheng, 
We have prepared the sample based on the requested requirement and attached it below. 
Please find the style change code example here: 




.e-float-input.e-control-wrapper .e-float-text::after {  
    content: "*";  
    color: red;  
}  
 
 
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/textbox_asterix-162560449    
Regards, 
Sureshkumar P.

Wei Cheng · Answer

The Requirement I have is actually on one hand adding the "*" to the floating out label, on the other hand having the "*" in RED color but not the rest of the floating out label,  it doesn't feel feasible, any suggestion?

Ponmani Murugaiyan · Answer

Hi Wei, 

The previously attached sample works as per your requirement the * added to the floating label and the * is in red color, please find the output of the sample. If we misunderstood your query, please share the expected output image screenshot to check and provide you the solution at earliest. 





  

Regards, 
Ponmani M