ignite-ui icon indicating copy to clipboard operation
ignite-ui copied to clipboard

igLoading should be made part of the themes

Open kdinev opened this issue 9 years ago • 1 comments

Currently the loading indicator is a gif, which is not a very modern approach. We should move the igLoading to be a CSS component and the different themes should provide different look and feel for the loading indicator.

kdinev avatar Oct 25 '16 11:10 kdinev

We should consider the following properties:

  • [ ] Delay - in seconds that upon timing out triggers the showing of the loading indication
  • [ ] Progress in % - possible to show if we have an estimation for the expected completion, when loading indication is hidden
  • [ ] Overlay - background for the loading indication allowing to darken/brighten the content under it
  • [ ] Types/Animations - we should support a few different visualizations for the loading indication
  • Spinning balls
  • Spinning bars
  • Azure rings
  • Gears
  • [ ] Rotation direction for the spinning loading indication that is clockwise (default) and counterclockwise
  • [ ] Size of the spinning indication - width and height
  • [ ] Color fill selection and theming of the loading indication
  • [ ] Text for the loading indication and properties for that text e.g. "Loading data" "Connecting to server"

We should consider the following methods:

  • [ ] Show and hide the loading indication which implicitly starts/stops the accompanying animations immediately or after a delay
  • [ ] Setting and changing the text for the loading indication

StefanIvanov avatar Oct 26 '16 14:10 StefanIvanov