Graphical Interface

Hello @hheyhey568

I’m sorry, but I don’t understand your question.

Best regards.

Hello @hheyhey568

Could you please give me additional details?

Best regards.

Hello CFF Team,

Sorry for delay in reply. I have shared the picture at the following location.

I want that when I click rectangle box then it opens Calculated field form which has input and results.

When I click the blue arrow , it opens different calculated field form.

Please check if this can be done in CFF or not.

https://www.processfunda.com/wp-content/uploads/2023/01/Screenshot-2023-01-06-235901.jpg

regards

Hello @hheyhey568

The plugin includes two operations IGNOREFIELD and ACTIVATEFIELD to disable or enable fields.

For example, you can insert a DIV field (I’ll assume it is the fieldname1) and enter the class name ignorefield through its “Add CSS Layout Keywords” attribute. And then, insert the entry and calculated fields inside the DIV one.

Now, you can insert an “HTML Content” field (outside the DIV field) with the img tag as its content:

<img src="https://www.processfunda.com/wp-content/uploads/2023/01/Screenshot-2023-01-06-235901.jpg" style="cursor:pointer" onclick="ACTIVATEFIELD('fieldname1');">

As you can see the image tag includes the onclick event to activate the DIV field.

If you want to disable the DIV field by coding, then you should call the IGNOREFIELD operation ( IGNOREFIELD('fieldname1'); )

Best regards.

Thank a lot. We are almost there.

Lets say in above image which I had shared, there are 4 components. One tank ( red color) and 3 Nos of arrow of blue , purple and green color. Is there any way by which I can click all of these 4 components from the same one image? By doing so , I want to perform 4 Nos of different calculation for the user as per what user has clicked but image will be only one.

Appreciate your reply , thanks

regards,

Hello @hheyhey568

Your question is not about our plugin. It is a basic HTML concept called Image Maps. Please, learn more about image maps by visiting the following link:

https://www.w3schools.com/htmL/html_images_imagemap.asp

If you need a custom coding service to implement your project, you can contact us through the plugin website: Custom Coding Service

Best regards.

• This reply was modified 2 years, 2 months ago by codepeople.