-
Welcome to B4X forum!
B4X is a set of simple and powerful cross platform RAD tools:
- B4A (free) - Android development
- B4J (free) - Desktop and Server development
- B4i - iOS development
- B4R (free) - Arduino, ESP8266 and ESP32 development
B4X.com pc-browser
- Thread starter LucaMs
- Start date
- Similar Threads Similar Threads
Now it works
And that faulty mouse seems to be able to do things the rest of us cannot conventionally do.......
This is call responsive design in web development or Media Queries in CSS.
The screen contents adapt to your device screen size.
The normal desktop screen width when reduce the size 1st stage into tablet mode and then further to mobile mode.
Usually I encounter the content not display correctly when the windows width is in between tablet to mobile.
The screen contents adapt to your device screen size.
The normal desktop screen width when reduce the size 1st stage into tablet mode and then further to mobile mode.
Usually I encounter the content not display correctly when the windows width is in between tablet to mobile.
What do you mean by add more?
https://www.b4x.com/android/forum/threads/b4x-com-pc-browser.163058/post-1000075
A test I did, a button that allowed me to load the site "in a window" (responsive design), in the full page.
I don't understand. How do you "add a button"?
If you want, you need to edit the css in Developer mode by Inspecting the source.
In desktop mode where the screen width is big, we can see all the menu such as Home, Products... Members, a searchbox, avatar+username, envelop and bell button. The "What's New" button (lightning icon) with badge is hidden. It is only visible in mobile mode.
In mobile mode, menu like Home, Products... are hidden in the hamburger menu so there are more space left to show more buttons on the top right menu.
I also not clear why the forum app wants to hide just 1 button in desktop mode.
I wrote it like this for brevity.
It's the bookmarks bar.
I don't remember how I did it (it's been a few years).
Full "URL":
javascript:document.write('<!DOCTYPE html><html><head><meta charset="utf-8"><title>Responsive Design Testing</title><style>body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }.wrapper { width: 6000px; }.frame { float: left; }h2 { margin: 0 0 5px 0; }iframe { margin: 0 20px 20px 0; border: 1px solid #666; }</style></head><body><div class="wrapper"><div class="frame"><h2>270<span> x 480</span> <small>(mio)</small></h2><iframe src="' + window.location + '" sandbox="allow-same-origin allow-forms" seamless width="270" height="480"></iframe></div></div></body></html>')