Question
CBA India Services Pvt Ltd
IN
Last activity: 21 Feb 2022 2:16 EST
customize upload progress bar
How to customize the multifilepath color blue to red color
CBA India Services Pvt Ltd
IN
@PrasadKota @Hi All,
Any solution on the above query, could you please respond.
by defualt we have blue color is there while uplaoding the docs in OOTB multifilepath control. we are unable to find the code for Progress-bar, could you please help me on this.
Regards,
Prasad Kota.
ING Nederland
NL
Hi @PrasadKota, can you try adding this in your userworkform and check:
.ui-widget-header{
background:red !important;
border-color:red !important;
}
Thanks,
Saurabh.
CBA India Services Pvt Ltd
IN
Hi Saurabh,
I have added the above code in userwork form and tested the scenario while uploading documents still it is coming as progress bar as blue color only.
Could you please suggest on this.
Regards,
Prasad K.
ING Nederland
NL
Hey @PrasadKota, if possible, try doing an inspect element on the progress bar to see if we can get the css class.
CBA India Services Pvt Ltd
IN
I could not able to find any CSS class for that progress bar in Pzmultifilepath control button.
But as i checked in PDN they have suggested us to use Ui-widget-header class but i tried in to put that code in freeformtext and it is not working.
.ui-widget-header{
background:red !important;
border-color:red !important;
}
ING Nederland
NL
Hi @PrasadKota, have you checked this discussion: https://collaborate.pega.com/discussion/how-show-progress-bar-while-files-are-being-uploaded
The author of this post was able to fully modify the OOTB feature, so maybe you can add a direct comment there to see if they can help with the requirement or else you can check the doc attached in Kensho's post to see if we can fit in our color requirements accordingly.
Cognizant Technologies Services
IN
@PrasadKota Can you please share the screenshot of UI, to understand the need clearly. Thanks in advance