Question
customize upload progress bar
How to customize the multifilepath color blue to red color
@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.
Hi @PrasadKota, can you try adding this in your userworkform and check:
.ui-widget-header{
background:red !important;
border-color:red !important;
}
Thanks,
Saurabh.
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.
Hey @PrasadKota, if possible, try doing an inspect element on the progress bar to see if we can get the css class.
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;
}
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.
@PrasadKota Can you please share the screenshot of UI, to understand the need clearly. Thanks in advance