B4J Question BANano SKTextBox not showing

[Declan]

I have a number of SKLabel and SKTextBox in my layout.
When I run the project, only the SKLabels are visible - not the SKTextBox.
Is there a view similar to "Pane" or a Panel?

 

[alwaysbusy]

Always check in the B4J log AND in Chrome - F12 - Console if it shows errors. Report them here if any.

Is there a view similar to "Pane" or a Panel?

And why would you need that?

 

[Declan]

Ok, sorted - was throwing an error in the browser.

And why would you need that?

to create a panel, for instance for a Login

How do you change the Style of a view.
I can change the Style of the SKNavigationBar with:

SKNavigationBar1.SetStyle($"{"width":"2000px","height":"50px","background":"blue","border-radius":"3px"}"$)

but this does not work with SKButton:

btnLogIn.SetStyle($"{"width":"100px","height":"50px","background":"blue","border-radius":"3px"}"$)

Or with:

b4x]btnLogIn.Style=($"{"width":"100px","height":"50px","background":"blue","border-radius":"3px"}"$)

Nor can I set these parameters in the Designer

 

[alwaysbusy]

to create a panel, for instance for a Login

ah ok You will be able to use the SKModel component for that in the next version.

There is a difference between setting it in the designer and later, in code. This is because in the designer it is pure CSS, while in code, a javascript method is used to manipulate the style and this method requires a JSON string:

So in the designer: pure CSS, so no quotes and a ; between each item:

width:100px;height:50px;background:blue;border-radius:3px

If, later you want to change the color for example, you use the .Style property, which asks for a JSON representation of CSS.

SKButton1.Style = $"{"width":"100px","height":"50px","background":"green","border-radius":"3px"}"$

 

[Declan]

btnLogIn.Style = $"{"width":"100px","height":"50px","background":"green","border-radius":"3px"}"$

Throws an error in browser:

app1588075970931.js:2 Uncaught TypeError: Cannot read property 'setstyle' of undefined
    at banano_myapp.banano_ready (app1588075970931.js:2)
    at app1588075970931.js:2

 

[alwaysbusy]

Impossible to answer without seeing code. This means btnLogin does not currently exist in the html. Where did you put this line? Is the btnLogin dimmed in Global? Is the layout loaded?

 

[Declan]

Where did you put this line?

In: Sub BANano_Ready()

Is the btnLogin dimmed in Global?

Private btnLogIn As SKButton

Is the layout loaded?

Yes