Multiple Choice option order and label

Forms Public Forms
1

On a Multiple Choice field is it possible to do the following through CSS or Javascript?

1 - Change the label "Specify your own value" when users are entering their own values?

2 - Change the order so that "Specify your own value" box appear on top and the choices at the bottom?

See image for more details

multipleChoice
multipleChoice761×271 52 KB

2

Hello @adasilva,

You can do this with the code:

fd.rendered(function () {
    //chnage custom value text
    fd.field('Field1').customValueTitle = 'New text';
    //move custom value input on top
    var customValue = $(fd.field('Field1').$el).find('.fd-fill-in-choice');
    $(fd.field('Field1').$el).find('.fd-fill-in-choice').remove();
    $(fd.field('Field1').$el).prepend(customValue)
});
1 Like
3

Thank you. It worked well.