Remove gear page edit button for OEM customer system Admin?

Greg Jarrett
edited June 23, 2020 in Questions
We've just deployed Skuid to an OEM customer, and applied the 'Skuid Page Viewer' permission set to all users, incl the Administrator. We would prefer them to not be able to edit our Skuid pages (at least in the early stages) ( so no one gets the builder permission set)

However, the edit/gear button is still showing for the Administrator, and he's been able to click and edit the page.


Unfortunately its too late to apply the apex class & trigger outlined at the bottom here as the app has already passed sec review and we're technically not able to add another class in at this point...

Any suggestions as to how to prevent the admin from seeing this button?



  • Zach McElrath
    edited June 23, 2020
    The Edit Page button appears if the running user has Edit permissions on the skuid Page object, so the reason it's showing up is that your System Admin user must have Edit rights on the Page object. Ideally you could adapt the Profile that your System Admin gets, but this is not always possible.

    One thing you can do is to hide the Edit Page DOM element after the page loads, by adding the following JavaScript to your Page(s):
       var $ = skuid.$;
    Regarding adding a Class and Trigger to your app post-Security Review, technically you can do this no problem --- just upload a new version of your package, and once it's on AppExchange, just click "Start Review" on that version. You'll walk through the Security Review wizard (8 steps or whatever it is), and at the end of it, your new version will be automatically approved, instantaneously --- no more money, no more lengthy review by the SFDC Security team. Once you've passed the first time, all subsequent Security Reviews are passed immediately and automatically.
  • Greg Jarrett
    edited December 4, 2017
    fantastic. Thanks Zach.
  • Glenn Elliott
    edited September 30, 2019
    Thanks gents. This is info my team will need in about three weeks' time, so nice to know in advance. :)
  • CM
    edited September 30, 2019
    Zach, I tried adding the JS above to one of my pages, but the Edit Page button still shows.  I used the JS Resource Location as Static Resource, and In-Line, but did not have success.  Is there something I'm missing??  Thanks for your help.
  • Clark Cregg
    Clark Cregg ✭✭✭
    edited October 7, 2019

    In order to use this, you will have to add it as 'In-Line (Snippet)' and then call it using a page load action sequence.

    Jquery cannot "hide" the element until it is rendered on the page, from what I understand.

    var params = arguments[0],
    $ = skuid.$;
  • CM
    edited October 7, 2019
    Clark, Thank you so much, this woked beautifully.  I really appreciate your help.
  • Skuidward Tentacles (Raymond)
    edited June 12, 2020
    For some reason, this wouldn't work for me, so I took a different approach and just made the button transparent with CSS. Just add this as inline CSS to the page and the button is still there, you just can't see it. If you hover over the spot where it would normally appear, it is the curser changes and you can still click the button to be taken to the page editor.

    .skuidEditBtn {
        background-color: transparent;
        color: transparent;
        border: transparent;
           -webkit-box-shadow: 0 0px 0px rgba(100,100,100,.4);
        -moz-box-shadow: 0 2px 10px rgba(100,100,100,.4);
  • Anna Wiersema
    Anna Wiersema 🛠️ 
    edited June 23, 2020
    Hey Raymond, thanks for sharing your solution here.

    If you're building in U3, it may be because the Edit Page Button CSS changed slightly from U2 to U3. You should also be able to hide the Edit Page button using
    .skuidEditBtn {
        display: none;
  • Arne-Per Heurberg
    Arne-Per Heurberg ✭✭✭✭
    edited June 26, 2020
    Anna for the win!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!