[larasmith]

Hello everyone!

 

I have experience another issue using the bootstrap theme, in desktop view using chrome all the columns are present and viewable. However when I view this in mobile device like an Ipad using chrome and other browsers there are some fields that do not display properly. Please refer to the image below for reference. Anyone has experience the same? What solution or work-around did you do?

 

Thank you in advance for your help. :) :) :)

 

[larasmith]

Any ideas? :)

[larasmith]

still not losing hope in this one...

[larasmith]

A friend helped me figure this out. I just wanna share the solution in case someone needs it too...

 

Add the following to the view that renders the GroceryCRUD.

    $(document).ready(function (){      
        $("th").addClass("visible-xs visible-sm visible-md visible-lg");
        $("tr").addClass("visible-xs visible-sm visible-md visible-lg");
        $("td").addClass("visible-xs visible-sm visible-md visible-lg");   
    })

 

This adds the class to the cell, row and header and allows the complete display of the columns.

:) :) :)