[Offline Apps] OfflineListRecords Displays text in {square brackets} before rendering correct value.

[Offline Apps] OfflineListRecords Displays text in {square brackets} before rendering correct value.

  
Forge Component
(25)
Published on 2015-11-19 by OutSystems Labs
25 votes
Published on 2015-11-19 by OutSystems Labs

I have a page with OfflineListRecords and it seems to work properly - all displayed values are correct and API's can be called. Only thing that is bothering me is the while page is loading I have placeholders for values in square brackets {} displayed (see screenshot) and then when page is fully loaded all displayed properly. 

Will appreciate any help.


Thank you.

Solution

Hey, Mykola,

Check out the "finishedRender" event on the JavaScript API of the component:

Description
The OfflineApps object triggers a finishedRender event, at the document level, whenever it finishes drawing all registered lists.
Tip: You'll probably want to bind the initialization function of your business logic to this event.

Try using CSS styling to hide/dim the expressions, then attach to the 'finishRender' event to remove it.

Please tell me how it went. It probably won't flicker, but I want to be sure.

Best regards,

Carlos Simões

Solution

Hey Carlos.

Thank you for the tip it worked perfectly.