Forum


Table Manager Support

Table Manager Support
Forums
Public write access is disabled. Please login

Frontend design at mobiles 09.11.2021 09:48

All works fine at a large screen as a pc. thanks !
But on a mobile or tablet it looks terrible... the datasets are complete not visible...
what can I do ?
https://www.wj-tools.de/index.php/mitteltriathlon

Re: Frontend design at mobiles 09.11.2021 13:32

Hi,
we have tried your page either with tablet and mobile, and we do see the datasets showing without problems, and the responsive table adjusting the layout as expected. This is the view we get here

https://www.moonsoft.es/temp/screenshot2021-11-09.png

The only slight detail we can see is the bottom border of each record overlaps a little bit with the column label when that cell is empty (for ex for the column 'hinweis'). This can be solved adding this to your css:

.tm_wrapper #tm .table > tbody > tr > td{
min-height:40px;
}

And then you may go for another details if you want to override the default style, you could add a more strong border to each record, add an extra space between records...etc, for ex, adding these styles:

@media only screen and (max-width: 800px) {
#tm .table tr {
margin-bottom: 40px !important;
border: 2px solid #1491d0 !important;;
}

}

you would get a more clear view like this one:

https://www.moonsoft.es/temp/screenshot2021-11-09withstyle.png

Hope this helps, regards
Moonsoft Team
www.moonsoft.es
Are you satisfied with our products/services/support?
Please help us to keep improving, add a review at  joomla extensions site and  magento connect

Our clients' feedback