I want to create progress indicators dynamically based on Model.
how to acheive this. do i need to use any List or with simple form can we acheive? in the above image, based on model, the indicators should populate automatically.
"type":
{ "css": "14k",
"xml": "7.3k",
"javaScript": "2.1k"
"xxx::"", etc.. }
At present the below code only covers three elements but in future it may vary based on the Model.
< f: SimpleForm id = "idSimpleForm" editable = "false" layout = "ResponsiveGridLayout" maxContainerCols = "2" columnsM = "2" singleContainerFullSize = "false" labelSpanL = "15" labelSpanM = "10" labelSpanS = "5" > < f: content > < Label text = "Lines Of Code" / > < Text text = "{sonarReport>/metrics/LinesOfCode}" / > < Label text = "CSS" / > < ProgressIndicator id = "cssProgress" displayOnly = "true" state = "Success" / > < Text text = "{sonarReport>/metrics/type/css}" / > < Label text = "XML" / > < ProgressIndicator id = "xmlProgress" displayOnly = "true" state = "Success" / > < Text text = "{sonarReport>/metrics/type/xml}" / > < Label text = "JavaScript" / > < ProgressIndicator id = "jsProgress" displayOnly = "true" state = "Success" / > < Text text = "{sonarReport>/metrics/type/javaScript}" / > < /f:content> </f: SimpleForm >