Tip 9: How to word wrap content in notes to fit your window size.

Tip 9: How to word wrap content in notes to fit your window size.



Hi folks,

I hope our previous tips have been useful to you. Today, we are back again with an easy hack that will help you to auto-adjust form notes to fit your browser window size.

Add Notes Field is one of the most commonly used fields while creating forms. We use the Add Notes Field to either provide some instructions to the users filling the form or to display a disclaimer. Whatever may be the case, it is essential that we should be able to auto-adjust the content in the Add Notes field. To do this let's take advantage of the Style tag that is used to define the style of any HTML element.

Let's see how to do this:

You can use of the below-mentioned style in the Add Notes field before your custom content(in Field Properties) and to auto-adjust the content.

  1. <style>
  2. form[name=“FORMNAME”].label-left
  3. {
  4. width: 100%!important
  5. }
  6. .first-column.notes-field
  7. {
  8. width: 100% !important
  9. }
  10. </style>
Note: FORMNAME is the DELUGE name of form.


That's all you need to do to achieve this. If you have any doubts or queries regarding this tip, please feel free to add them as comments below. We would be happy to address them all.

P. S Please find the attached screenshots of the different window size displaying the form notes. 


    Zoho Developer Community






                              Zoho Desk Resources

                              • Desk Community Learning Series


                              • Digest


                              • Functions


                              • Meetups


                              • Kbase


                              • Resources


                              • Glossary


                              • Desk Marketplace


                              • MVP Corner


                              • Word of the Day



                                  Zoho Marketing Automation


                                          Manage your brands on social media



                                                Zoho TeamInbox Resources

                                                  Zoho DataPrep Resources



                                                    Zoho CRM Plus Resources

                                                      Zoho Books Resources


                                                        Zoho Subscriptions Resources

                                                          Zoho Projects Resources


                                                            Zoho Sprints Resources


                                                              Qntrl Resources


                                                                Zoho Creator Resources


                                                                  Zoho WorkDrive Resources



                                                                    Zoho Campaigns Resources

                                                                      Zoho CRM Resources

                                                                      • CRM Community Learning Series

                                                                        CRM Community Learning Series


                                                                      • Tips

                                                                        Tips

                                                                      • Functions

                                                                        Functions

                                                                      • Meetups

                                                                        Meetups

                                                                      • Kbase

                                                                        Kbase

                                                                      • Resources

                                                                        Resources

                                                                      • Digest

                                                                        Digest

                                                                      • CRM Marketplace

                                                                        CRM Marketplace

                                                                      • MVP Corner

                                                                        MVP Corner

                                                                      





                                                                      




                                                                          Design. Discuss. Deliver.

                                                                          Create visually engaging stories with Zoho Show.

                                                                          Get Started Now