Welcome to the new Box Support website. Check out all the details here on what’s changed.

box-ui-elements ContentPreview react component header is always hidden

New post

Comments

4 comments

  • jonathanmarks

    This is what my current preview window looks like, just the file preview, no box logo, no header, no download/annotation/print buttons: 

    Screen Shot 2018-09-14 at 1.26.29 PM.png 

    Inspecting the HTML, it looks like any part of the header is hidden:

    Screen Shot 2018-09-14 at 1.55.23 PM.png

     

     

    I have looked at the examples as well as the box-ui-elements-demo which only provides a basic example, I cannot even find a working example or test of enabling the header, annotations, or download features with the react ContentPreview.

    0
    Comment actions Permalink
  • Priyajeet

    Sorry for the mess. Unfortunately, we are still in the process of migrating some of the Preview library functionality (specially the header) over to the Preview React UI Element. Hence the header, logoUrl and showAnnotations properties have no effect at the moment. You can instead use a new boolean prop hasHeader instead as shown in this example https://github.com/box/box-content-preview-demo/blob/master/src/index.js. Please upgrade to UI Elements v7 via npm (and respective peer dependencies). I have added a note on the README.md https://github.com/box/box-ui-elements#props-3 for Preview options.

    0
    Comment actions Permalink
  • jonathanmarks

    Thanks alot, I'll check out the new version and see how it goes. Are the annotations still supported as well?

    0
    Comment actions Permalink
  • Priyajeet

    Also, showDownload --> canDownload (which visually shows/hides the download and print button in the header), however this is defaulted to true, so you don't have to pass it in as a prop. Annotations button is missing in the header atm.

    0
    Comment actions Permalink

Please sign in to leave a comment.