B4J Question [SOLVED] [ABMaterial] Can a Gradient be set to Page Background?

alwaysbusy

Expert

Licensed User

Longtime User

• Jun 17, 2025

• #2

I think this is done with background-image: linear-gradient(lightblue, darkblue);

Some javascript on the page would be needed to grab the body div, add this property and then use page.ws.eval() + page.ws.flush to run the script

 

Upvote 0

Cableguy

Expert

Licensed User

Longtime User

• Jun 17, 2025

• #3

Hi, Thanks for your reply....
So I would need to use B4JS?
Do you have a simple example?

 

Upvote 0

alwaysbusy

Expert

Licensed User

Longtime User

• Jun 17, 2025

• #4

No B4JS needed I think. I see if I can set something up

 

Upvote 0

alwaysbusy

Expert

Licensed User

Longtime User

• Jun 17, 2025

• #5

try in Connect_Page first thing:

B4X:

Dim script As String = $"$('body').css("background-image", "linear-gradient(lightblue, darkblue)");
$('body').css("min-height", "100vh")"$
    
page.ws.Eval(script, Null)
page.ws.Flush

 

Upvote 0

Solution

Cableguy

Expert

Licensed User

Longtime User

• Jun 17, 2025

• #6

I will, if I can get ABMaterial working again.... I think I broke it beyond repair.....

[ABMaterial] I think i finally broke it beyond repair!

Since yesterday evening, my ABMaterial attempts won't connect! The server is started, but I am guessing no socket is being returned! This is my log window after starting an unchanged Template project (full framework) And all I get is the spinning circles.... If I click on one of the null...

www.b4x.com

 

Upvote 0

Cableguy

Expert

Licensed User

Longtime User

• Jun 19, 2025

• #7

I can confirm that works!
Is there a way to add that too to the

B4X:

  $('#login-content').removeClass('transparent').addClass('white');"$

Part of this, so that I can apply a complementary gradient to the modal sheet?

 

Upvote 0

alwaysbusy

Expert

Licensed User

Longtime User

• Jun 19, 2025

• #8

Have you tried appending the css() part at the end of that statement?

 

Upvote 0

Cableguy

Expert

Licensed User

Longtime User

• Jun 19, 2025

• #9

yes i did, and it "Nulls" the whole line bringing back the straight corners.

 

Upvote 0