409
Views
13
Comments
Solved
[OutSystems UI] {OutSystem UI] Scroll to Element not working
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

Hi,

I am getting one error while using ScrollToElement , it is giving a error as " Error Code - OSUI-API-28002, Cannot read properties of UnDefined(reading offsetheight)". It is working for old OutSystem UI Version but not working with latest version.


UserImage.jpg
Ishaan Takkar
Solution


The approach which we followed to resolve the issue is - In Custom Layout we have created new header but default header is still needed for the scroll-to-element function to function correctly. It is possible that 'header' class is something which is used in JS Code somewhere earlier it was unable to find it as a result error was being thrown .

Regards,

Ishaan Takkar

UserImage.jpg
Ranjith Kumar Govindharaj

Hi Ishaan. Can you share the OML please.

UserImage.jpg
Ishaan Takkar

Hi Ranjith, we can't share oml file try to create one demo with same element for latest OutSystems UI you will able to replicate the issue.

2021-09-06 15-09-53
Dorine Boudry
 
MVP

Hi @Ishaan Takkar ,

that's not really how it works,

you know exactly what you are doing, so you are best placed to create a demo showing the problem.  Then people can take if from there and try to solve it.

Now you are asking everybody to first put their time and energy in trying to replicate by guessing blindly what you are doing.

Dorine

2023-01-25 05-43-21
Murugan S S

Hi Ishaan, 


Just now I check in my screen its working without issue. can you share the property details for scroll widget and Scrolltoelement logic.


2022-07-19 16-56-14
Giuliana Silva
Staff

Hi @Ishaan Takkar,


I am not being able to reproduce this issue in the latest OutSystemsUI version (2.14.0). Can you provide more information about how you are using this Client Action, what kind of layout you are using (LayoutSideMenu, LayoutTopMenu, etc) or if you are using a custom layout? 

A demo reproducing this issue would be the best so I can properly assist you.


Regards,

Giuliana.

UserImage.jpg
Ishaan Takkar

Hi Giuliana Silva , we are using custom layout and  inside tab we are using block and to that block we have enclosed in a a container and give it a name and that name.id using in a scroll element widget id.

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hi @Ishaan Takkar 

Being custom layout and custom code we need to have access to a sample oml with that is being reproduced in order to be able to help.

Cheers,
GM

UserImage.jpg
Ishaan Takkar

Hi @Gonçalo Martins , Thanks for your reply.

We tried implementing using the Basic Layout and it is working on it. But it is not working on Custom Layout, if you could please help in specifically what we need to add in Custom Layout so it will able to scroll  . 
Sorry but due to some restrictions we couldn't share the oml file.

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hi @Ishaan Takkar 

As I mentioned, being a custom layout and custom code we need to have access to a sample oml with that is being reproduced in order to be able to help.

Cheers,
GM

UserImage.jpg
Ishaan Takkar
2022-11-12 11-28-30
Gonçalo Martins
Staff

Hello @Ishaan Takkar 

It would be great if you could share the root cause and solution with the community 😉

Cheers,
GM

UserImage.jpg
Ishaan Takkar
Solution


The approach which we followed to resolve the issue is - In Custom Layout we have created new header but default header is still needed for the scroll-to-element function to function correctly. It is possible that 'header' class is something which is used in JS Code somewhere earlier it was unable to find it as a result error was being thrown .

Regards,

Ishaan Takkar

2024-02-02 11-39-53
Krizza Barzaga

Hi This is the most simple answer :)

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