Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Label not showing on image input

See original GitHub issue

The label on my image input is not showing. My code is below:

{
    type: 'image',
    label: 'Identity document',
    hideInput: true,
    preview: true,
    model: 'id_document',
    required: true,
    styleClasses: 'col-sm-12'
}

Also, is there a more detailed tutorial in styling the forms?

Thanks Pard

Issue Analytics

State:
Created 6 years ago
Comments:14 (7 by maintainers)

Top GitHub Comments

3reactions

pardmeistercommented, Jun 27, 2017

@icebob, @lionel-bijaoui Done, please review when you have time.

1reaction

pardmeistercommented, Jun 21, 2017

Thanks for the assistance lionel

Top Results From Across the Web

Image label for input in a form not clickable in IE11

One way to fix this is with pointer-events: none on the image, and adjusting the label with for example display: inline-block .

The Label element - HTML: HyperText Markup Language | MDN

The label text is not only visually associated with its corresponding text input; it is programmatically associated with it too.

HTML Inputs and Labels: A Love Story | CSS-Tricks

Connecting a label and an input is important, but just as important is keeping the label visible. Clicking or tapping a visible label...

Understanding SC 3.3.2:Labels or Instructions (Level A) - W3C

It is possible for controls and inputs to have an appropriate accessible name or description (e.g. using aria-label="..." ) and therefore pass Success...

Label | Apple Developer Documentation

To opt in to showing both the title and the icon, you can apply the ... Creates a label with an icon image...