Having Images as choices for a question
Requirement
Use Case
Steps to follow
|
Form
|
Form Link Name
|
Field Type
|
Field Name
|
Field Link Name
|
|
Images
|
Images
|
Image
|
Image
|
Image
|
|
Question
|
Question
|
Add Notes
|
Notes
|
plain
|
|
Radio
|
What will replace the Question Mark?
|
What_will_replace_the_Question_Mark
|
- void getAllImages()
- {
- for each image in Images[ID != null]
- {
- info image.Image;
- <Insert Snippet 1 >
- < Insert Snippet 2 >
- }
- }
- //Get the uploaded image's file name
- fileName = image.Image.getSuffix("/image/").getPrefix("\"");
- info fileName;
- //Construct the image URL
- img = " https://creatorexport.zoho.com/file/" + zoho.appuri + "All_Images/" + image.ID + "/Image/image-download?filepath=/" + fileName;
- info img;
The above snippet will result in: " https://creatorexport.zoho.com/file" + /scopeName/appLinkName/ + reportLinkName + image.ID + "/Image/image-download?filepath=/" + fileName ;
|
Parameter
|
Value
|
Description
|
|
/scopeName/appLinkName/
|
zoho.appuri
|
This system variable gives the scope name and the application's link name as required in the URL
|
|
reportLinkName
|
All_Images/
|
The report link name of the Images form
|
|
image.ID
|
<19 digit record ID>
|
Record link ID of the needed image
|
|
fileName
|
1625047562073_Question.png
|
Name of the image uploaded as stored
|
- <div>
- <div>
- <img src = " <Paste the question URL from the function> ">
- <br>
- </div>
- <div>
- <br>
- </div>
- <style>
- //Make the question name look a bit bigger.
- .zc-What_will_replace_the_Question_Mark-group .form-label span { font-size: 1.5rem }
- </style>
- </div>
- <div>
- <br>
- </div>
- for each image in Images[ID != <QuestionID>]
- {
- fileName = image.Image.getSuffix("downqual = \"").getSuffix("image/").getPrefix("\"");
- img = "<img src=\" https://creatorexport.zoho.com/file/" + zoho.appuri + "All_Images/" + image.ID + "/Image/image-download?filepath=/" + fileName + "\"/>";
- input.What_will_replace_the_Question_Mark:ui.add(img);
- }
See how it works
Points To Note
- In Step 4, we have found the name of the file using the index of /image/. We can also use downqual and lowqual, as shown below, to find the file name:
- //Using lowqual
- image.Image.getPrefix("lowqual = \"").getSuffix("image/").getprefix("\"");
- //Using downqual
- image.Image.getSuffix("downqual = \"").getSuffix("image/").getPrefix("\"");
Related Links
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Still can't find what you're looking for?
Write to us: support@zohoforms.com
|
Quick Links |
Workflow Automation |
Data Collection |
|
|
||
|
Form Templates |
||
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
Related Articles
Creating a questionnaire with matrix choices
Requirement Create a matrix-type (horizontal layout of choices) questionnaire to get feedback. Use Case A flight booking application is used by multiple users. The users use it to book flights, after which a feedback form is sent to them to request ...Provide a link in a form, through notes field
Requirement Open a link containing instructions required to fill a form. Use Case For any customer to use an application, registration is the first step. A registration form has some general instructions for filling the form. It would be best if they ...Understand radio field
Understand radio field The Radio field enables your users to select a value from a predefined set of choices that are displayed as radio buttons. When to use this field? You may consider the following pointers to determine when to use a radio field: ...Add and import choices
Add and import choices in a choice field Applicable to the following choice fields: Drop down , radio , multi select , and checkbox . Zoho Creator offers the following options for adding choices to the above-mentioned fields. Choose that which works ...Understand add notes field
Understand add notes field The Add Notes field enables you to display a note on your form. You can use it to provide any instruction or additional information to your users, and thereby assist them in submitting data through your form. You can have ...