Hiding the file button on ar-designer

Hiding the file button on ar-designer

Posted by: ewan.johnstone on 21 May 2023, 9:54 pm EST

• 

  ewan.johnstone

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 21 May 2023, 9:54 pm EST

  Hi,

  We are using ar-designer v17.
  
  I am wanting to hide the file button from the designer UI as we do not use it.

  The only way I have found to hide it is to set appBar.visible = false in the designer settings but this hides the preview button which we do use. Is there a setting for hiding just the file button that for some reason isn’t documented in the API? Or perhaps another way of hiding this element manually?

• 

  anand.sinha

  

  • Post Options:
  • Link
    Copy

  Posted 23 May 2023, 2:33 pm EST

  Hi Ewan,

  Unfortunately, there’s no direct way of hiding the file button in the Web Designer. However, you can use the DOM to modify, access, and hide the file button through javascript.

  Please find attached a sample implementing the same for your reference.

  Regards,
  
  Anand

  WebDesigner_MVC.zip

• 

  ewan.johnstone

  • Post Options:
  • Link
    Copy

  Posted 19 July 2023, 10:58 pm EST

  Actually I found the following setting did the trick:
  
  documents: {
  
  fileView: { visible: false },
  
  },

• 

  anand.sinha

  

  • Post Options:
  • Link
    Copy

  Posted 20 July 2023, 3:10 pm EST

  Hi Ewan,

  Thanks for sharing the resolution with us, it may be helpful for others facing similar issues.

  Regards,
  
  Anand