Send argument in HTML component UiPath forms

Hi,

I need to pass an argument to a html component. But I am not getting the value…it is blanc… I need to get it like “Recon Summary:2019-11-11”


Hello @soorya_prasad!

It seems that you have trouble getting an answer to your question in the first 24 hours.
Let us give you a few hints and helpful links.

First, make sure you browsed through our Forum FAQ Beginner’s Guide. It will teach you what should be included in your topic.

You can check out some of our resources directly, see below:

  1. Always search first. It is the best way to quickly find your answer. Check out the image icon for that.
    Clicking the options button will let you set more specific topic search filters, i.e. only the ones with a solution.

  2. Topic that contains most common solutions with example project files can be found here.

  3. Read our official documentation where you can find a lot of information and instructions about each of our products:

  4. Watch the videos on our official YouTube channel for more visual tutorials.

  5. Meet us and our users on our Community Slack and ask your question there.

Hopefully this will let you easily find the solution/information you need. Once you have it, we would be happy if you could share your findings here and mark it as a solution. This will help other users find it in the future.

Thank you for helping us build our UiPath Community!

Cheers from your friendly
Forum_Staff

Any Solution I have the same issue? How to pass values to the html component in UiPath Form

Let me invite here @sangL who might help :slight_smile:

Hi @soorya_prasad
Here are the instructions (which you have mostly followed):
To pass a dynamic HTML element:

  1. From the Create Form activity > Properties panel, open the FormFieldsCollection window.
  2. Add an In argument of type String and name it suggestively.
  3. Open the Form Designer and drag an HTML Element component to your form.
  4. In the Display tab > HTML Tag field, add p for a new HTML paragraph.
  5. In the Content field, add the type of data that you want to pass dynamically by using the expression {{data.variable}} , and replace variable with the name of the argument created at Step 2.
  6. Select the Refresh on Change checkbox.

We will publish this docs update this month. Additionally, looking at your screen shots, I notice couple of things that I wanted to call out:

  1. In the first image, you don’t need to fill out out the attributes section – you should remove that.
  2. In the first image, in the content section, you have that correct but you are using {{data.Date}} - with a capital “D” for Date. When I see the second picture, your variable has a small “d” for date.

Give that a try and let us know if that doesn’t resolve your issues.

Official docs released for reference: https://docs.uipath.com/activities/docs/dynamic-html-elements