For Zoho Services only:


I'm actually part of something bigger at Ascent Business Solutions recognized as the top Zoho Premium Solutions Partner in the United Kingdom.

Ascent Business Solutions offer support for smaller technical fixes and projects for larger developments, such as migrating to a ZohoCRM.  A team rather than a one-man-band is always available to ensure seamless progress and address any concerns. You'll find our competitive support rates with flexible, no-expiration bundles at http://ascentbusiness.co.uk/zoho-support-2.  For larger projects, check our bespoke pricing structure and receive dedicated support from our hands-on project consultants and developers at http://ascentbusiness.co.uk/crm-solutions/zoho-crm-packages-prices.

The team I manage specializes in coding API integrations between Zoho and third-party finance/commerce suites such as Xero, Shopify, WooCommerce, and eBay; to name but a few.  Our passion lies in creating innovative solutions where others have fallen short as well as working with new businesses, new sectors, and new ideas.  Our success is measured by the growth and ROI we deliver for clients, such as transforming a garden shed hobby into a 250k monthly turnover operation or generating a +60% return in just three days after launch through online payments and a streamlined e-commerce solution, replacing a paper-based system.

If you're looking for a partner who can help you drive growth and success, we'd love to work with you.  You can reach out to us on 0121 392 8140 (UK) or info@ascentbusiness.co.uk.  You can also visit our website at http://ascentbusiness.co.uk.

Zoho Creator: Disable/Hide the add and delete subform row buttons

What?
A really quick article on how to hide these using CSS... at least until Zoho have this as a setting using the GUI.

Why?
Our use-case is that we have a subform which gets autopopulated with a list of services. The client does not want their operations team adding/deleting rows and instead simply specifying quantity (defaulting to zero) alongside each serviceable item.

How?
So at time of print, this is the only way I know: add a note field to inject some CSS into it and hide the delete icon as well as the "Add new row" link.

  1. In Design mode: Add a special field of type "Add Notes" to your form. I'm going to call it CSS_Overrides. It is important that this field will never be hidden (it cannot be seen on the front-end of the application but it must not be removed by Creator). If you know the code to remove this field, then you know what I mean.
    Zoho Creator: Disable/Hide the add and delete subform row options: Add Notes Field

  2. In Workflow mode: add a workflow to the form whenever it is created or edited, on load of the form; I call mine "OnLoad". For Deluge Script, add the following:
    copyraw
    //
    // CSS overrides
    v_CssNotes = "<style>";
    //
    // this line hides the delete/cross icon next to each row
    v_CssNotes = v_CssNotes + ".subformRow .form-group{display:none;}";
    //
    // this line hides the "add new row" from every subform.  
    v_CssNotes = v_CssNotes + ".zc-subform-addnew a{display:none !important;}";
    //
    // close off the CSS style tag
    v_CssNotes = v_CssNotes + "</style>";
    //
    // add to the notes field (also overrides the displayed note of "Add your Note here...")
    input.CSS_Overrides = v_CssNotes;
    1.  // 
    2.  // CSS overrides 
    3.  v_CssNotes = "<style>"
    4.  // 
    5.  // this line hides the delete/cross icon next to each row 
    6.  v_CssNotes = v_CssNotes + ".subformRow .form-group{display:none;}"
    7.  // 
    8.  // this line hides the "add new row" from every subform. 
    9.  v_CssNotes = v_CssNotes + ".zc-subform-addnew a{display:none !important;}"
    10.  // 
    11.  // close off the CSS style tag 
    12.  v_CssNotes = v_CssNotes + "</style>"
    13.  // 
    14.  // add to the notes field (also overrides the displayed note of "Add your Note here...") 
    15.  input.CSS_Overrides = v_CssNotes; 

Additional
  • If you don't want to apply this to the every subform on that form, you will need to brush up a little on your CSS with regard to referring to elements by ID, so for example, if my subform is called "Item Details", then I would adjust the code to something like the following:
    copyraw
    //
    // CSS overrides
    v_CssNotes = "<style>";
    v_CssNotes = v_CssNotes + ".subformRow .form-group{display:none;}";
    //
    // this line hides the "add new row" link of the subform "Item Details".  
    v_CssNotes = v_CssNotes + "#Item_Details_addNewLine a{display:none !important;}";
    v_CssNotes = v_CssNotes + "</style>";
    input.CSS_Overrides = v_CssNotes;
    1.  // 
    2.  // CSS overrides 
    3.  v_CssNotes = "<style>"
    4.  v_CssNotes = v_CssNotes + ".subformRow .form-group{display:none;}"
    5.  // 
    6.  // this line hides the "add new row" link of the subform "Item Details". 
    7.  v_CssNotes = v_CssNotes + "#Item_Details_addNewLine a{display:none !important;}"; 
    8.  v_CssNotes = v_CssNotes + "</style>"
    9.  input.CSS_Overrides = v_CssNotes; 


Category: Zoho :: Article: 835

Credit where Credit is Due:


Feel free to copy, redistribute and share this information. All that we ask is that you attribute credit and possibly even a link back to this website as it really helps in our search engine rankings.

Disclaimer: Please note that the information provided on this website is intended for informational purposes only and does not represent a warranty. The opinions expressed are those of the author only. We recommend testing any solutions in a development environment before implementing them in production. The articles are based on our good faith efforts and were current at the time of writing, reflecting our practical experience in a commercial setting.

Thank you for visiting and, as always, we hope this website was of some use to you!

Kind Regards,

Joel Lipman
www.joellipman.com

Related Articles

Joes Revolver Map

Joes Word Cloud

line   using   script   mode   disable   zoho   input   would   form   item   onload   field   cross   #item   next   icon   details   really   something   mine   least   call   style   overrides   hides   whenever   elements   subform   subformrow   adjust   delete   created   close   deluge   notes   load   edited   workflow   addnew   note   hide   group   following   link   cssnotes   deleting   every   creator   code   know   JoelLipman.Com

Accreditation

Badge - Certified Zoho Creator Associate
Badge - Certified Zoho Creator Associate

Donate & Support

If you like my content, and would like to support this sharing site, feel free to donate using a method below:

Paypal:
Donate to Joel Lipman via PayPal

Bitcoin:
Donate to Joel Lipman with Bitcoin bc1qf6elrdxc968h0k673l2djc9wrpazhqtxw8qqp4

Ethereum:
Donate to Joel Lipman with Ethereum 0xb038962F3809b425D661EF5D22294Cf45E02FebF
© 2024 Joel Lipman .com. All Rights Reserved.