window behavior stretching cell phone

Post new features wanted for Builder or Designer here
Post Reply
cgetty
Posts: 1
Joined: Tue Feb 06, 2024 7:17 pm

window behavior stretching cell phone

Post by cgetty »

I started using UI builder and enjoyed it very much and I still use it from time to time.

old version of UI bulder
http://vb3builder.atwebpages.com/vb3/
I converted a older program to CrossUI.

old version
http://vb4.xp3.biz/l.vbz

Notice how it's easier to stretch and navigate the screen.

new version using CrossUI
http://vb4.xp3.biz/vbz/

Was the ability to stretch and navigate the screen lost with the upgrade to CrossUI?

Or is there just a setting that I should set that I overlooked?

Thanks Clark.
linb
Site Admin
Posts: 7
Joined: Thu Jan 25, 2024 4:40 pm

Re: window behavior stretching cell phone

Post by linb »

I noticed that you have 5 tabs, but hide all tabs except the first one, and you set "value" to 5th(hidden).

Code: Select all

               .setItems([
                    {
                        "id" : "a",
                        "caption" : "Wanker Bell",
                        "imageClass" : "xui-icon-xui",
                        "closeBtn" : false
                    },
                    {
                        "id" : "b",
                        "caption" : "Hosted Sites",
                        "closeBtn" : false,
                        // HIDDEN
                        "hidden" : true
                    },
                    {
                        "id" : "c",
                        "caption" : "Play",
                        "closeBtn" : false,
                        // HIDDEN
                        "hidden" : true
                    },
                    {
                        "id" : "d",
                        "caption" : "Apps",
                        "closeBtn" : false,
                        "optBtn" : true,
                        "popBtn" : true,
                        // HIDDEN
                        "hidden" : true
                    },
                    {
                        "id" : "e",
                        "caption" : "Opening Tab",
                        "closeBtn" : false,
                        // HIDDEN
                        "hidden" : true
                    }
                ])
                .setLeft("0em")
                .setTop("0em")
                .setVisibility("visible")
                // select the 5th
                .setValue("e")
Post Reply