-
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
B4J Question [BANano]side-by-side views
- Thread starter toby
- Start date
- Similar Threads Similar Threads
Solution
I solved the problem by deleting views and adding views back
1. Deleted the SKRow and everthing in it
2. Added a SKRow
3. Added two identical SKColumn (number of columns=4) side by side
4. Placed two SKTextBox, one inside each SKColumn
5. Now those two textboxes are shown side by side, see below, unless the screen width is reduced to phone size.
1. Deleted the SKRow and everthing in it
2. Added a SKRow
3. Added two identical SKColumn (number of columns=4) side by side
4. Placed two SKTextBox, one inside each SKColumn
5. Now those two textboxes are shown side by side, see below, unless the screen width is reduced to phone size.
You will need to put them in SKcolumns. Read how the responsive grid works in Web.
Last edited:
Upvote
0
Could someone provide a link to the user guide on how to use SKColumn and all other SKxxx views, please?
Upvote
0
I pIaced a SKColumn inside RowHolder2, set number of columns set to 2, then placed both WelcomePageName and skAge, side by side, inside the SKColumn.
When I ran the app, not only the name and age input fields are not side by side, but also the age input is above the name one.
Apparently I don't know how to use SKColumn properly. Could someone show me how to achieve what I want, please? Layout file attached
When I ran the app, not only the name and age input fields are not side by side, but also the age input is above the name one.
Apparently I don't know how to use SKColumn properly. Could someone show me how to achieve what I want, please? Layout file attached
Upvote
0
The only Abstract Designer tutorials I could find are about designing a custom view ( part 1 and part 2), which are a little more advanced and not helpful for me as a true beginner. What I'm looking for right now are tutorials on how to use those standard SK views such as SkColumn, SKRow, SKRange, etc. If some exist already, please provide the link.
Upvote
0
Add SKcolumn and a SKcontainer inside, put the view there.
Also look at this:
[Web][BANano] Website/App/PWA library with Abstract Designer support
Download the latest version here: https://www.b4x.com/android/forum/threads/banano-a-sneak-peek-into-a-progressive-web-app-library.99740/#post-627764 INTRO BANano is a new B4J library to websites/webapps with (offline) Progressive Web App support. Unlike its big brother ABMaterial, BANano...
www.b4x.com
Upvote
0
I solved the problem by deleting views and adding views back
1. Deleted the SKRow and everthing in it
2. Added a SKRow
3. Added two identical SKColumn (number of columns=4) side by side
4. Placed two SKTextBox, one inside each SKColumn
5. Now those two textboxes are shown side by side, see below, unless the screen width is reduced to phone size.
1. Deleted the SKRow and everthing in it
2. Added a SKRow
3. Added two identical SKColumn (number of columns=4) side by side
4. Placed two SKTextBox, one inside each SKColumn
5. Now those two textboxes are shown side by side, see below, unless the screen width is reduced to phone size.
Upvote
0
Solution
That is correct. So it is:
SKRow contains SK components
or
SKRow contains SKColumns who contain SK components
As it uses an 12 - column system, the goal should be to try to so the sum of the SKColumns adds up to 12 (sometimes it has to be 11 if you start to tweak the margins/padding for example).
The grid is explained in the booklet, page 135
Alwaysbusy
SKRow contains SK components
or
SKRow contains SKColumns who contain SK components
As it uses an 12 - column system, the goal should be to try to so the sum of the SKColumns adds up to 12 (sometimes it has to be 11 if you start to tweak the margins/padding for example).
The grid is explained in the booklet, page 135
Alwaysbusy
Upvote
0
Similar Threads
