Recreating WebStyles in Web 2.0?

Targets Web
3

Basically what I did:

  1. Create the WebStyle in Xojo2019
  2. Run the application with the label and background
  3. Use Chrome developer tools to copy the CSS style created
  4. Add the information to the Web 2.0 Label opening event
  5. Put Me.Style.Value( code for each definition

Here is the code used in the Label Opening event:

me.style.value("border-top") = "1px solid rgba(162,162,172,1.00)"
me.style.value("border-left") = "1px solid rgba(0,19,75,1.00)"
me.style.value("border-bottom") = "1px solid rgba(0,19,75,1.00)"
me.style.value("border-right") = "1px solid rgba(0,19,75,1.00)"
me.style.value("background") =  "linear-gradient(to bottom, rgba(128,159,255,1.00) 0%, rgba(0,19,75,1.00) 100%)"

I used the IDE to set the font white, bold and centered. The problem is that now the Label is all white in the IDE, so is hard to work with.

Edit: To avoid having an all white Label on the IDE, keep the black color and add this line to the opening event:

me.style.value("color") = "rgba(255,255,255,1.00)"
4 Likes