css inconsistent on upload file

[former_member601403]

Hi All,

I am using sap.ui.commons.FileUploader to upload file. Unfortunately I cannot use other controls as the UI version is 1.20.9.

I changed the style of browse button of uploader by using the following code and as shown in the attached screenshot.

$('#FILEUPLOADER button').addClass('uploadButton');

where uploadButton class is

.uploadButton.sapUiBtnS.sapUiBtn.sapUiBtnStd {

  background-color: rgb(105, 185, 214)!important;

  border: none;

  color: white;

  font-size: 13px;

  font-family: zetta serif;

}

.uploadButton.sapUiBtnS.sapUiBtn.sapUiBtnStd:hover,.uploadButton.sapUiBtnS.sapUiBtn.sapUiBtnStd.sapUiBtnStdHover

  {

  background-color: #285676!important;

}

On uploading a document the added style gets vanished. I tried different ways. None of them worked.

Is there any powerful way to fix this?

[saivellanki · Accepted solution]

Hi Sudarshan,

Will this sample help? JS Bin - Collaborative JavaScript Debugging

I used version 1.20.8, since 1.20.9 was not available on cloud: Available SAPUI5 versions on SAP HANA Cloud Platform

Regards,

Sai.

[former_member601403 · Accepted solution]

Thanks for your reply Vellanki.

But, I was having difficulty in using that in my view.js.

[saivellanki · Accepted solution]

Sudarshan,

This might help you? Plunker

Regards,

Sai.

[former_member601403 · Accepted solution]

I was using sap_platinum as the data-sap-ui-theme instead of sap_bluecrystal. So the proposed solution didn't work.

But, ya. For sap_bluecrystal this absolutely works fine.

[former_member601403 · Accepted solution]

Hi Vellanki,

Can this problem be solved by keeping data-sap-ui-theme as sap_platinum?

If not, is there any specific reason?

[saivellanki · Accepted solution]

Sudarshan,

I don't see any issues with platinum as well? JS Bin - Collaborative JavaScript Debugging

Regards,

Sai.

[former_member601403 · Accepted solution]

Try the same on Plunker. It won't work.