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

Any code example for this? thanks


3 Replies

SP Sureshkumar P Syncfusion Team January 7, 2022 11:32 AM UTC

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"*" 
    colorred 
 
 
 
Regards, 
Sureshkumar P. 



WC Wei Cheng January 20, 2022 04:37 PM UTC

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?



PM Ponmani Murugaiyan Syncfusion Team January 21, 2022 12:32 PM UTC

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 


Loader.
Up arrow icon