Extension Pointers - Simple yet significant pointers #7: Resizing a widget

Extension Pointers - Simple yet significant pointers #7: Resizing a widget



Setting widget dimensions
 
Creating a widget involves customizing your UI to the way you want it displayed. Along with customizing the appearance of the elements inside the widget, it's also possible to customize the dimensions, such as the width and height, of the widget itself. 
 
How to resize your widget dimensions
 
1. From inside the widget embeddable components of an extension:
  • Custom button - Both height and width can be specified to change the appearance of the widget dimension.
 
  • Custom related list - Only height can be specified to change the height of the related list widget.

 
2. Using ZOHO.CRM.UI.Resize(dimensions) - The Resize JS SDK can be used to change the dimensions of a button widget through script functionality itself.
 
Setting dimensions for a widget via its embeddable components vs Resize JS SDK
  • If either option is used alone as part of an extension, the option's specified values will be used. 
  • If both are used in an extension, the Resize JS SDK method will take precedence over the dimensions specified within the button component, because the Resize JS SDK method will be loaded while the widget is being loaded, whereas the button dimensions will be loaded when the button is clicked. 
  • Since the button click occurs prior to the loading of the widget, the resize JS SDK dimensions are set.
 
SEE ALSO:

          Zoho Marketing Automation

                  Zoho Pagesense Resources

                    Zoho SalesIQ Resources



                          Zoho TeamInbox Resources

                            Zoho DataPrep Resources



                              Zoho CRM Plus Resources

                                Zoho Books Resources


                                  Zoho Subscriptions Resources

                                    Zoho Desk Resources

                                      Zoho Projects Resources


                                        Zoho Sprints Resources


                                          Qntrl Resources


                                            Zoho Creator Resources


                                              Zoho WorkDrive Resources





                                                  Zoho Campaigns Resources

                                                    Zoho CRM Resources

                                                          Design. Discuss. Deliver.

                                                          Create visually engaging stories with Zoho Show.

                                                          Get Started Now