Expand my Community achievements bar.

Announcing the launch of new sub-community for Campaign Web UI to cater specifically to the needs of Campaign Web UI users!
SOLVED

Web app: accessing context variables from client side

Avatar

Level 2

Hello, everyone.

@angeles_arcia and I are learning ACC. We're working on a project and we would like to know if it's possible to access a context variable created in a web form from the client side. We're attempting to dynamically render some elements from an array in the HTML source code.

 

This is our current approach:

alejandroluzuriaga_0-1698667451329.png

We've added a <div> element with the id "checkboxes," and we also have an array called 'categories' that stores categories such as 'Outdoor,' 'Clothing,' and so on in ctx.vars.

 

Although the JavaScript syntax appears to be correct for us, we keep encountering the 'ctx is not defined' error in the web console, leading us to believe that we don't have access to these variables from the client side.

 

Is there a way to achieve this? Are we making it more complicated than it needs to be?

 

Thank you for reading!

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Level 2

Hello, we got it solved yesterday before testing your possible solution. Anyway, we went deep into the problem and we made a summary of the solution:

 

What was happening? 
Here is a few things to have in mind when working with a the context of a Web App.


1. In order to access the context variable through a script from the client side, we first have to use only: document.controller.ctx (this syntax works correctly), it will return an HTML. Use the "getElementsByTagName" to access the needed tag. 

 

alejandroluzuriaga_1-1698744418363.png

 

2. The document is loaded before the contexts. This means that, if we use a script to access the context, we would have to use a onload Event. So we can have access to the context from the script with the syntax we specified on step 1.

 

alejandroluzuriaga_2-1698744453103.png

 

So everything seemed to be related with page loading before context, so this should be a solid solution for this matter.

 

Thanks.

 

View solution in original post

3 Replies

Avatar

Community Advisor

Hi @alejandroluzuriaga ,

 

Please try passing variable this way ie,  var categories=ctx.vars.@categories;

 

Regards,

Pravallika.

Avatar

Correct answer by
Level 2

Hello, we got it solved yesterday before testing your possible solution. Anyway, we went deep into the problem and we made a summary of the solution:

 

What was happening? 
Here is a few things to have in mind when working with a the context of a Web App.


1. In order to access the context variable through a script from the client side, we first have to use only: document.controller.ctx (this syntax works correctly), it will return an HTML. Use the "getElementsByTagName" to access the needed tag. 

 

alejandroluzuriaga_1-1698744418363.png

 

2. The document is loaded before the contexts. This means that, if we use a script to access the context, we would have to use a onload Event. So we can have access to the context from the script with the syntax we specified on step 1.

 

alejandroluzuriaga_2-1698744453103.png

 

So everything seemed to be related with page loading before context, so this should be a solid solution for this matter.

 

Thanks.

 

Avatar

Community Advisor

Hello @alejandroluzuriaga 

 

Here is the code to access context variables:

 

Client Side:

  var myVariable=document.controller.getValue('/ctx/vars/CONTEXT_VARIABLE');

 

Server Side:

<%= ctx.vars.CONTENT_VARIABLE %>

     Manoj
     Find me on LinkedIn