Skip to main content
12-Amethyst
March 20, 2018
Solved

Adding a Background image on 2D Experience

  • March 20, 2018
  • 1 reply
  • 2496 views

Hi,

   I'm trying to add a background image on 2D Project with Thingworx Studio.

With this code: (In the Home View in my case)

 

.Home{

background-image: url(#{$resources}/Uploaded/AutoSpire.jpg);
opacity: 0.2;

}

I can see the image on Thingworx Studio editor, but not on "PREVIEW" neither on mobile platform.

Any ideas?

Lionel

Best answer by tmccombie

This is a bug. You can change your CSS to this and it should work:

 

[twx-view=Home]{

background-image: url(#{$resources}/Uploaded/AutoSpire.jpg);
opacity: 0.2;

}

 

1 reply

tmccombie21-Topaz IAnswer
21-Topaz I
April 2, 2018

This is a bug. You can change your CSS to this and it should work:

 

[twx-view=Home]{

background-image: url(#{$resources}/Uploaded/AutoSpire.jpg);
opacity: 0.2;

}

 

12-Amethyst
April 3, 2018

Hello,

  thanks for your help. It's working.

Lionel