Home Advanced Request Offering

Changing the (Required) text to a *

Gabriel_LencesGabriel_Lences Customer Advanced IT Monkey ✭✭✭
Hello Cireson experts  :)
I haven't seen this nor asked nor answered yet over here (might have just missed it though!), but is there a way to change the default (Required) form in Required user inputs and prompts to a red * , which is globally ackownledged as a standard visualization for a required input? 
This was proposed by our User Experience team in our company and very much confirmed by a lot of other users who'd welcome this change. Can this be achieved through customizing .css or .js? If so , how? 
Thanks for the responses in advance! 

G. 

Best Answers

  • Gabriel_LencesGabriel_Lences Customer Advanced IT Monkey ✭✭✭
    edited February 2019 Answer ✓
    Thanks Geoff, we tried implementing your code with one of our devs and unfortunately it didn't work. 

    This code, however, which our devs came up with during the process, worked like a charm :)
    Sharing the code in case anyone needs a workaround or a solution for this request in the future. Place it in your custom.js.

     var labels = $('label.required-userinput-label');

     

        $.each(labels, function(index,value) {

             if($(this).text() == '(Required)'){

                $(this).text('*');

                    $(this).addClass('text-danger');

             }                  

        });

    Cheers,
    G. 

Answers

  • Gabriel_LencesGabriel_Lences Customer Advanced IT Monkey ✭✭✭
    edited February 2019 Answer ✓
    Thanks Geoff, we tried implementing your code with one of our devs and unfortunately it didn't work. 

    This code, however, which our devs came up with during the process, worked like a charm :)
    Sharing the code in case anyone needs a workaround or a solution for this request in the future. Place it in your custom.js.

     var labels = $('label.required-userinput-label');

     

        $.each(labels, function(index,value) {

             if($(this).text() == '(Required)'){

                $(this).text('*');

                    $(this).addClass('text-danger');

             }                  

        });

    Cheers,
    G. 
Sign In or Register to comment.