189
Views
9
Comments
Solved
[OutSystems UI] SideBar creation leads to errors
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Mobile

Working through the "Developing Mobile Apps" track Dashboard/SideBar exercise I end up with a blank screen in the browser debug environment, with the outsystems App on Android it does show the app and the Sidebar but when searching an error message is shown either on-screen or in the platform error log "DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node." 

Building a search screen instead of a sidebar works correct. 

Using the materials form the next https://www.outsystems.com/learn/lesson/1833/dashboard-exercise "Dashboard  Exercise" to rebuild from a known source reproduces the issue....


Studio 11.8.7

Development Environment 11.9.0

All dependencies updated to latest versions.

2024-04-05 11-04-57
Krishnnambal
 
MVP
Solution

Hello,

Even I was facing the same issue but it got solved when I placed the sidebar widget outside the container which encloses the first If widget of the screen. Refer to the attachment,.

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi Ido,

Maybe you can share the .oml file for someone to look at what goes wrong?

Regards,

Daniel

UserImage.jpg
Ido Lelie

As mentioned the source file in the materials of https://www.outsystems.com/learn/lesson/1833/dashboard-exercise will reproduce the problem. My own sources now use a screen rather then the sidebar....


Cheers,

Ido

ToDo.oml
UserImage.jpg
Ido Lelie

Screenshot

ToDoError.JPG
UserImage.jpg
Ido Lelie

A very basic sidebar test does work however....

SideBarTest.oml
2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi Ido,

In installed the training excersise .oap and can reproduce the same error messages you get.

In the browser previewer this acaused the application not to work.

When installed on my mobile it works correctly.

I will try and figure out what is wrong, I have reported it to OutSystems to look at.

Regards,

Daniel

2021-03-18 21-03-15
Benjith Sam
 
MVP

Hi Ido,

I also encountered the same error while accessing the ToDo application Dashboard screen, but it was not observed every time.

Work around: Encapsulate the sidebar widget within the IF widget with below mentioned condition

GetLocalCategories.IsDataFetched

Please refer the attached updated .oml file


Hope this helps you!


Regards,

Benjith Sam

ToDo.oml
2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Benjith Sam wrote:

Hi Ido,

I also encountered the same error while accessing the ToDo application Dashboard screen, but it was not observed every time.

Work around: Encapsulate the sidebar widget within the IF widget with below mentioned condition

GetLocalCategories.IsDataFetched

Please refer the attached updated .oml file


Hope this helps you!


Regards,

Benjith Sam

 Nice, still it should work in the previewer if it works without the workaround on a device.

UserImage.jpg
Ido Lelie

Cheers,


I got the issue already when just implementing the text/notes search so categories where not yet involved...

2024-04-05 11-04-57
Krishnnambal
 
MVP
Solution

Hello,

Even I was facing the same issue but it got solved when I placed the sidebar widget outside the container which encloses the first If widget of the screen. Refer to the attachment,.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.