The second one is considerably slower to load than the first one.
It is not obvious if the grids are still loading since the grids do not expand first time until the BAQs complete.
Even after the grids load, if you change one of the date ranges, the refresh of the grids isn’t obvious unless you look for the clock icon.
I do see the light grey clock symbol at the top but it is NOT very visible unless you are looking for it.
Is there a way to either change it’s color to red or have something else show during grid load to make it clear that it is not locked up and will load in a few seconds?
Instead of populating the grid with a provider model, or “view”, instead you will need to provide your own event with a kinetic-baq widget to pull the data.
Then, you can set up the event to do something visual before firing the kinetic-baq event, then do something else visual onSuccess. Also, if you provide your own event, you can also set it to not block user input so that it doesn’t freeze up the UI while loading.
The something visual could go a multitude of ways. I’m a fan of displaying your typical little middle-of-the-screen whirlygig. I don’t think you can make the grid red without any data in it (I suppose you could row-add a few blank rows and set up a row rule to make it red)
Sure, you can do a property-set on something, or a row-update
Most components have some visual element that you can property-set, like a label. You can property-set the label to “Loading…” then back to normal after, for example.
You can also use a row-update to set a value in a dataview to something. Then, you can have a data rule set up to color something based on the status of that dataview value.
I forget if it’s called id or name in app studio, but yes.
property - this you can find by using f12 dev tools, in your app press ctrl-alt-8 then ctrl-alt-L
then press f12 and go to console tab - it’s probably something like “label”.
In console after pressing those hot keys while your mouse cursor focus is in the app, you get a component browser that you can explore the properties of the various components, look for your label, you will see the id/name here too.
Note: you can double click a property’s value to change it, you will get an edit box, then use your keyboard arrow keys to highlight/delete/change the text inside and tab out or click out to save it. You sometimes have to click into the app again to make the visual update but it’s usually instant. So that you can manually change the label to make sure you have the right id/name/property.
Note: if a property is nested (you need to use the arrow > to expand it in ctrl-alt-L), you address it in property by entering it as FirstPart.SecondPart.ThirdPart
If a property is contained within a collection, such as columns, you can address it by 0-based index or name (name was added more recently, 2025.2 maybe)
gridModel.columns[4].label = “new label” <---- sets the label name on the 5th column
gridModel.columns[“columnID”].label = “new label” <---- same thing using the column id
