{"id":295,"date":"2014-02-06T09:46:48","date_gmt":"2014-02-06T09:46:48","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/salesforce\/?p=295"},"modified":"2025-05-15T09:58:02","modified_gmt":"2025-05-15T09:58:02","slug":"overlapping-issue-in-salesforce-app-menu","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/salesforce\/2014\/02\/06\/overlapping-issue-in-salesforce-app-menu\/","title":{"rendered":"Overlapping issue in Salesforce App Menu"},"content":{"rendered":"<p style=\"text-align: justify;\">Few days back, we had created a custom page in salesforce wherein we were not using any salesforce control to show the record but some other JavaScript grid to show the records. Here we observed that while opening the Salesforce app menu, the menu overlapped with the grid that we had used. The menu works fine with the standard salesforce control. The screenshot below shows the overlapping between the dropdown menu and grid.<\/p>\n<p><span style=\"line-height: 1.6em;\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2014\/02\/image1c.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-296 size-full\" title=\"image1c\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2014\/02\/image1c.png\" alt=\"image1c\" width=\"187\" height=\"374\" \/><\/a>To overcome this overlapping issue we added the following code snippet in style tag\u2026<\/span><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; &lt;Code Snippet&gt; &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n<p>&lt;Style&gt;<br \/>\n#tsid {<\/p>\n<p>z-index: 99999;<\/p>\n<p>}<br \/>\n&lt;\/Style&gt;<br \/>\n&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; &lt;\/Code Snippet&gt; &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p><span style=\"line-height: 1.6em;\">After adding the above code, the overlap issue with the tab menu dropdown is resolved as can be seen from the below screenshot \u2013\u00a0<\/span><\/p>\n<p><strong style=\"line-height: 1.6em;\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2014\/02\/image2c.png\"><img decoding=\"async\" class=\"aligncenter wp-image-297 size-full\" title=\"image2c\" src=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2014\/02\/image2c.png\" alt=\"image2c\" width=\"183\" height=\"366\" \/><\/a><\/strong><br \/>\n<span style=\"font-size: Medium;\"><strong>About Us<\/strong><\/span><br \/>\n<a href=\"https:\/\/www.greytrix.com\/\">Greytrix<\/a> as a Salesforce Product development partner offers a wide variety of integration products and services to the end users as well as to the Partners across the globe. We offers Consultation, Configuration, Training and support services in out-of-the-box functionality as well as customizations to incorporate custom business rules and functionalities that requires apex code incorporation into the Salesforce platform.<\/p>\n<p><a href=\"https:\/\/www.greytrix.com\/\">Greytrix<\/a> has some unique solutions for Cloud CRM such as Salesforce integration with <a href=\"https:\/\/www.greytrix.com\/product\/sage-x3\/gumu-x3-salesforce-integration\">Sage Enterprise Management (Sage X3<\/a>), Sage Intacct, <a href=\"https:\/\/www.greytrix.com\/product\/sage-100-erp\/gumu-100-salesforce-integration\">Sage 100 <\/a>and <a href=\"https:\/\/www.greytrix.com\/product\/sage-300-erp\/gumu-300-salesforce-integration\">Sage 300 (Sage Accpac)<\/a>. We also offer best-in-class Cloud CRM <a href=\"https:\/\/www.greytrix.com\/product\/crm-development\/salesforce-com\">Salesforce customization and development services<\/a> along with services such as Salesforce <a href=\"https:\/\/www.greytrix.com\/product\/professional-services\/data-migration-services\">Data Migration<\/a>, <a href=\"https:\/\/www.greytrix.com\/product\/professional-services\/integrated-application-development\">Integrated App development<\/a>, <a href=\"https:\/\/www.greytrix.com\/product\/professional-services\/custom-development\">Custom App development<\/a> and <a href=\"https:\/\/www.greytrix.com\/product\/professional-services\/maintenance-support\">Technical Support<\/a> to business partners and end users.<\/p>\n<p>Greytrix GUMU&#x2122; integration for Sage ERP \u2013 Salesforce is a 5-star app listed on <a href=\"https:\/\/appexchange.salesforce.com\/listingDetail?listingId=a0N30000000psM5EAI\" target=\"_blank\" rel=\"noopener\">Salesforce AppExchange<\/a>.<\/p>\n<p>For more information, please contact us at <a href=\"mailto:salesforce@greytrix.com\">salesforce@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n<p><strong><span style=\"font-size: Medium;\">Related Posts<\/span><\/strong><\/p>\n<ul>\n<li><a title=\"Set controller variable\/properties from JavaScript\" href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2014\/02\/04\/set-controller-variableproperties-from-javascript\/\" target=\"_blank\" rel=\"noopener\">Set controller variable\/properties from JavaScript<\/a><\/li>\n<li><a title=\"Number of Retries for JSRemote Call\" href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2014\/01\/16\/number-of-retries-for-jsremote-call\/\" target=\"_blank\" rel=\"noopener\">Number of Retries for JSRemote Call\u00a0<\/a><\/li>\n<li><a title=\"Transaction aborted: timeout error in Salesforce\" href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2014\/01\/14\/transaction-aborted-timeout-error-in-salesforce\/\" target=\"_blank\" rel=\"noopener\">Transaction aborted: timeout error in Salesforce<\/a><\/li>\n<li><a title=\"View records without creating tab\" href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2013\/12\/30\/view-records-without-creating-tab\/\" target=\"_blank\" rel=\"noopener\">View Records without creating tab<\/a><\/li>\n<li><a title=\"Number of records to show in Related List\" href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2013\/12\/28\/number-of-records-to-show-in-related-list\/\" target=\"_blank\" rel=\"noopener\">Number of records to show in Related list<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Few days back, we had created a custom page in salesforce wherein we were not using any salesforce control to show the record but some other JavaScript grid to show the records. Here we observed that while opening the Salesforce app menu, the menu overlapped with the grid that we had used. The menu works\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/salesforce\/2014\/02\/06\/overlapping-issue-in-salesforce-app-menu\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[25,569],"class_list":["post-295","post","type-post","status-publish","format-standard","hentry","category-salesforce-srv","tag-app-menu","tag-salesforce-app-menu"],"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/comments?post=295"}],"version-history":[{"count":3,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/295\/revisions"}],"predecessor-version":[{"id":10754,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/295\/revisions\/10754"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/media?parent=295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/categories?post=295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/tags?post=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}