Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
110
Progressbar color
posted

I want to use a webprogressbar as a template field in a webdatagrid, and part of the template is to style the color of the progress bar according to the data within that record.  I can see how to use a page style to change it for every record, is it possible to change the color based upon data?

Parents
No Data
Reply
  • 23953
    Verified Answer
    Offline posted

    Hello Rick,

    You can use WebProgressBar CssClass option to assign each templated progress bar a CSS class that is specific for your data record (for example using a data binding expressions).

    Then define CSS styling for the different classes used in the templated progress bars like this:

    <style>

        .warning .igpb_Fill_Horiz.igpb_InnerDiv {

            background-color: yellow;

        }

    </style>

    where "warning" is the CSS class applied to the CssClass property of a WebProgressBar.

    Best regards,
    Martin Pavlov
    Infragistics, Inc.

Children