Cell input label disappears for a numeric grid when viewing on mobile devices

Question

Is it possible to make the cell input label appear in a numeric grid on mobile devices?

I noticed they had disappeared.

They are fine on desktops / laptops and tablets (landscape).

Thank you.

Answer 1

I'm not sure why input labels don't appear for mobile grids.  In the meantime, this code will add the labels back:

<script>
$(document).ready(function(){
    $('.mobile_grid .numeric_input').before('<span class="grid_cell_text">A</span>');
    $('.mobile_grid .numeric_input').after('<span class="grid_cell_text">Z</span>');
})
</script>

This CSS will give the labels a small margin that may be a visual improvement:

<style>
.mobile_grid span.grid_cell_text {
    margin: 4px;
}
</style>

Comments

Thanks Zachary, much appreciated. I used the JavaScript which I thought did a good job of inserting the cell input label for mobile devices.

Not sure this is a bug or by design? If it is a bug, are you okay to report it to your development team?

Thanks again mate.

---

My guess is that this behavior is not intentional.  I'll file it later today.

---

Thanks again Zachary. I agree, it appears to be a bug.