NetTalk Central
NetTalk Web Server => Web Server - Ask For Help => Topic started by: Poul Jensen on January 14, 2024, 02:07:02 AM
-
Hi,
1) How can I get locator and sort orders for other fields than default sort field when in mobile?
2) Why is columns not leftaligned in mobile - I have selected that on the CSS tab for the fields.
Se below pics from desktop and from mobile.
tia
/Poul
-
from memory, the disconnected browses are all file-loaded, not page loaded, so there's no locator in play.
That said, it could be useful to "filter" the list, so something i could look into.
cheers
Bruce
-
Morning Bruce,
This is not disconnected app. It is a straight web-app. And the locators are shown in desktop screen size.
/Poul
-
I think you need to post an example. I'm obviously not understanding the question, since both your screen-shots show locators.
-
The screenshot from mobile has a locator on the default sort-order only.
But how can I change to the other sort orders?
In desktop I click on the header, but that is not shown on the mobile.
/Poul
-
Hi again,
And this is not only in phone size screens, also on my tablet on landscape this behaviour is shown.
This is a straight NT wizarded app.
/Poul
-
Bruce,
What hes trying to say is that when you change the browser from a desktop to a mobile one, the "browse headers" disapears and the "colum headers" appears in the data row.
Then you cant click on a column header to sort and set the locator.
Ive just compiled the Maps example and try it with the Accidents browse.
Pics attached
The first two pics are using Grid or Flex and the last one is using Table.
None of them are showing the browse headers
-
noted.
the headers disappear because of the CSS. So editing the CSS (adding your own custom css) would make them re-appear.
Cheers
Bruce
-
the headers disappear because of the CSS. So editing the CSS (adding your own custom css) would make them re-appear.
Any hints for which css class'es I should be looking at?
/Poul
-
Use F12 in your browser to inspect the CSS that is in play. If you'd like me to show you what I mean, come to the User Group meeting on Thursday - it's almost always easier to "show" css than it is to explain it.
-
I will try to make it.
/Poul
-
Registered yesterday in NT usergroup through the Zoom link from Clarionlive.com - and tried to join here at 1600 - waiting for the organizer.
Then I noticed that the meeting was shown on Youtube.
What is the correct way of joining?
-
Poul, meantime you can comment out the display:none line in the css.
Attached goes two imagen of the css involved.
1- when you inspect the header row, detect the culprit, click on the .css file
2- now you can see the css code involved
Hope this helps
Cheers
-
Thanks Alberto.
Will work with that info.
/Poul
-
Hi,
Sorry for adding to this very old topic, but I still have this problem, and I have this in my custom.css:
@media (max-width: 1024px) { /*for small screens */
.nt-browse-row-header{
/*display:none!important;/*14.03 */
}
}
Have even tried modifying the shipping theme, and still no joy.
What else should I be looking into?
Why are headers even as default removed from the browse on small screens? I fail to see the logic for that.
tia
/Poul
-
Poul,
Don't know what you did with editing the shipping theme that didn't work, but the custom.css you're using won't do what you want.
What you're showing doesn't change the behavior of Bruce's css. You need to include something for that selector that overrides what's in the original css.
Something like this, for example, should work in your custom.css:
@media (max-width: 1024px) { /*for small screens */
.nt-browse-row-header{
display:flex!important;
}
}
-
Thank you so much Jane :-)
That did the trick.
Cheers
/Poul