⚠ In case you've missed it, we have migrated to our new website, with a brand new forum. For more details about the migration you can read our blog post for website migration. This is an archived forum. ⚠

  •     

profile picture

Missing columns / fields in Mobile View



larasmith

larasmith
  • profile picture
  • Member

Posted 23 November 2016 - 06:31 AM

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. :) :) :)

 

Issues_in_Mobile_View.png


larasmith

larasmith
  • profile picture
  • Member

Posted 24 November 2016 - 06:40 AM

Any ideas? :)


larasmith

larasmith
  • profile picture
  • Member

Posted 27 November 2016 - 16:15 PM

still not losing hope in this one...


larasmith

larasmith
  • profile picture
  • Member

Posted 28 November 2016 - 06:56 AM

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.

:) :) :)