Skip to main content
Solved

Help: Upload image as background WebUI

  • June 8, 2021
  • 1 reply
  • 89 views

Forum|alt.badge.img

Hi, I'm trying to upload a custom image from my desktop as a background image (in WebUI) for a study project. However, I do not know how to do this, as I'm not an experienced programmer. Can someone help me, please?

Best answer by mohansx

Hello @Rutger123 

 

You need to create a folder with name “resources” inside the MainProject//WebUI folder of your project. 

 

Place the image you want to use as a background in this folder, say MainProject//WebUI//resources//back.jpg.

 

Create a CSS styling sheet in this folder with the below snippet which will apply the back.jpg image as the background for your project’s WebUI. 

 

.theme-aimms .scroll-wrapper--main{

    background-image: url(back.jpg);

}

 

 

For reference: WebUI Resources — AIMMS Documentation

1 reply

mohansx
Forum|alt.badge.img+5
  • Former AIMMSian
  • 223 replies
  • Answer
  • June 9, 2021

Hello @Rutger123 

 

You need to create a folder with name “resources” inside the MainProject//WebUI folder of your project. 

 

Place the image you want to use as a background in this folder, say MainProject//WebUI//resources//back.jpg.

 

Create a CSS styling sheet in this folder with the below snippet which will apply the back.jpg image as the background for your project’s WebUI. 

 

.theme-aimms .scroll-wrapper--main{

    background-image: url(back.jpg);

}

 

 

For reference: WebUI Resources — AIMMS Documentation



Didn't find what you were looking for? Try searching on our documentation pages:

AIMMS Developer & PRO | AIMMS How-To | AIMMS SC Navigator