Alpaca - Replace '★' with '*' on required field

Question

Is there a way to replace the Star symbol with an asterisk on a 'required' field label on Alpaca?

Here is the schema:

var Schema = {
    "title": "Lista controlli",
    "type": "array",
    "items": {
        "type": "object",
        "title": "Controllo Lavorazione",
        "properties": {
            ...
            "Nome": {
                "title": "Nome",
                "type": "string",
                "required": true
            }
        }
    }
}

Thanks in advance.

score 2 · Accepted Answer · answered Feb 14 '18 at 07:57

2

You can deal with that using css like this:

.alpaca-icon-required::before {
    content: "*"
}

You could also change it's font-size because it will be kinda big.

Hope this works for you. I this isn't what you're looking for don't hesitate to comment.

answered Feb 14 '18 at 07:57

Oussama BEN MAHMOUD

1,442
12
19

Thank you, that works pretty well. Just needed to add the main font family to get the right size of the * – Dr. Roggia Feb 14 '18 at 08:08

score 1 · Answer 2 · answered Mar 21 '18 at 21:29

1

In the latest version, 1.5.24, the star preceding the field label has been replaced with the text '(required)' following the field label.

answered Mar 21 '18 at 21:29

Alex

19
2

Alpaca - Replace '★' with '*' on required field

2 Answers2