cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about PTC Community Badges. Engage with PTC and see how many you can earn! X

Fileupload widget Uploaded file style

RC_9962782
4-Participant

Fileupload widget Uploaded file style

I have the following file upload widget and i want to edit the background of the uploaded file part.

immagine.png

 

I have tried using the custom css  and setting list-item in the customClass property

 

.list-item::part(file-item) {
    background:#383838;
}

 

 following the ptc documentation I tried also this

 

@supports (ptcs-style-unit: "PTCS-FILEUPLOAD") {
  [part=file-item] {
	background-color: #383838; 
  }
}

 

but all my test failed to edit the style of that part

ACCEPTED SOLUTION

Accepted Solutions

@RC_9962782 

can you try below code?

 

@supports(ptcs-style-unit:"PTCS-FILE-UPLOAD-LIST-ITEM"){
   [part~=file-item] {
       background: red;
   }
}
 

View solution in original post

4 REPLIES 4

@RC_9962782 what is the version of your ThingWorx instance? 

We would like to know which area you would like to change the BK color, a demo mashup might be helpful.

RC_9962782
4-Participant
(To:wcui)

The thingworx version is 9.6.0

The area that I want to change the background is the one that opens after I selected a file. The area that has the white background in the screen in the original question.

I linked a demo mashup

@RC_9962782 

can you try below code?

 

@supports(ptcs-style-unit:"PTCS-FILE-UPLOAD-LIST-ITEM"){
   [part~=file-item] {
       background: red;
   }
}
 

RC_9962782
4-Participant
(To:wcui)

thank you, this is correct

Announcements


Top Tags