DEV Community

Cover image for Using Javascript Snippets in Outsystems
Carlos Junior
Carlos Junior

Posted on

Using Javascript Snippets in Outsystems

Hi folks, been a while but now with some content about outystems, and this tool is amazing for building websites, actually I wanna show something I have been working with my team, I helped developed most of the Web Design and some features of the websites and has been a challenge but first I wanna show you how you can Integrated javascript with a low-code solution.

Image description

Let's start.

First you need to create a Client Action, let's called CheckManagerRole, you will need to get a role too called FamilyManager.

Image description

The amazing part of Outsystems is you can build fast applications for good and fast problem solving.

Now back to the project.

Image description

Using Javascript snippet with the current code.

Image description

You will need to create a Parameters, since you will need a Output variable to check the ManagerRole.

Image description

After that you will need to create an assign.

And its pretty much done.

Let me show now how you can apply on your project.

On the Screen you desire to apply this you will need a OnReady, occurs after the Screen or Block DOM is ready, so before the transition starts.

This is really important because we want the check the ManagerRole this way.

Image description

On the assign is really important to check the Manager Role.

Image description

And after that you will need a input or something you want to verify the Manager role in this case is going to be the RemoveEvent feature.

Image description

Done, check your website now.

Thank you so much for reading and im glad to be back.

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay