Skip to Content (Press Enter)
2023-08-07 06-06-09
Vaibhav Gijre
237Views
5Comments
Solved
 Cannot read properties of null (reading 'classList') or Layout is null
Question
Reactive
Application Type
Reactive
Service Studio Version
11.14.3 (Build 56735)

Hi All,

I am creating a custom layout for my reactive web application. but I am receiving following error in chrome - 

"Cannot read properties of null (reading 'classList')"


If I remove OnReady event from the Custom Layout WebBlock then their is no error.

Also, when I resize the window, there is no menu on clicking the three bars -


Any help will be appreciated. I have attached the OML file.


Thanks

Vaibhav

LayoutTest.oml
0
0
13 Jan 2022
Copy Link
2026-02-26 06-29-24
Rahul
 
MVP
Solution

Hi Vaibhav,

I have update your oml and its working.

like you need to add 

layout

class in your custom layout and close in one container.

find the attached oml it will help you.

See solution in context
LayoutTest.oml
3
0
13 Jan 2022
Copy Link
2023-08-07 06-06-09
Vaibhav Gijre

Hi Rahul,

This worked perfectly. I also added layout-top class.

Thanks

Vaibhav

0
0
13 Jan 2022
Copy Link
2021-06-02 20-50-04
Márcio Carvalho
Solution

Dont forget to add the OutSystems UI script to the layout. Just Incase.

Regards,

Marcio

See solution in context
2
0
13 Jan 2022
Copy Link
2023-08-07 06-06-09
Vaibhav Gijre

Hi Marcio,


Thank you. I also added this, as without adding the OutSystemUI script I was receiving the following error -

 

Thanks

Vaibhav

1
0
13 Jan 2022
Copy Link
2021-06-02 20-50-04
Márcio Carvalho

Replying to Vaibhav Gijre's comment on 13 Jan 2022 12:44:19

Brilliant!!

I'm glad I could be of help, in this case, the script is needed, as you can see all other layouts when calling outsystems actions they use the OutSystemsUI script.

Regards,

Márcio

1
0
13 Jan 2022
Copy Link
2026-02-26 06-29-24
Rahul
 
MVP
Solution

Hi Vaibhav,

I have update your oml and its working.

like you need to add 

layout

class in your custom layout and close in one container.

find the attached oml it will help you.

LayoutTest.oml
3
0
13 Jan 2022
Copy Link
2023-08-07 06-06-09
Vaibhav Gijre

Hi Rahul,

This worked perfectly. I also added layout-top class.

Thanks

Vaibhav

0
0
13 Jan 2022
Copy Link
2021-06-02 20-50-04
Márcio Carvalho
Solution

Dont forget to add the OutSystems UI script to the layout. Just Incase.

Regards,

Marcio

2
0
13 Jan 2022
Copy Link
2023-08-07 06-06-09
Vaibhav Gijre

Hi Marcio,


Thank you. I also added this, as without adding the OutSystemUI script I was receiving the following error -

 

Thanks

Vaibhav

1
0
13 Jan 2022
Copy Link
2021-06-02 20-50-04
Márcio Carvalho

Replying to Vaibhav Gijre's comment on 13 Jan 2022 12:44:19

Brilliant!!

I'm glad I could be of help, in this case, the script is needed, as you can see all other layouts when calling outsystems actions they use the OutSystemsUI script.

Regards,

Márcio

1
0
13 Jan 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.