Coder Social home page Coder Social logo

Comments (9)

mikewheaton avatar mikewheaton commented on August 10, 2024

@Rick-Kirkham, @LezaMax: I've searched through this repository and don't see where ms-Dialog is used to create a Dialog component.Do you know where the Dialog is created? There's no built-in support for maximizing a Dialog to full screen, but I may be able to point @webdroidco in the right direction to overriding the CSS to achieve this.

from office-add-in-dialog-api-simple-example.

webdroidco avatar webdroidco commented on August 10, 2024

Yes, exactly. I wasn't able to see any code with which the dialog is created.
Should I wait now for @Rick-Kirkham and @LezaMax so that they can tell you where exactly the code is?

from office-add-in-dialog-api-simple-example.

Rick-Kirkham avatar Rick-Kirkham commented on August 10, 2024

@webdroidco
The dialog is created with the line Office.context.ui.displayDialogAsync( ... ) in the file DialogHelper.js. You can set the width and height with the options parameter to that function. (The values are percentages of the screen.)
ms-Dialog is a Fabric thing that is not related to the Dialog APIs which this sample is about. I recommend that you read Dialog API in Office Add-ins

from office-add-in-dialog-api-simple-example.

webdroidco avatar webdroidco commented on August 10, 2024

@Rick-Kirkham Well, I am a newbie in Add-ins so that is why I am not able to follow your instructions properly. But please let me know if there is anyway (ANY) that we can add maximize button beside close button to make the dialog full screen (100% of the screen)?

from office-add-in-dialog-api-simple-example.

Rick-Kirkham avatar Rick-Kirkham commented on August 10, 2024

There isn't a way to do that with the Dialog APIs. I'm not familiar with the Fabric dialog component, so I don't know if there's a way to do it with that component.

from office-add-in-dialog-api-simple-example.

webdroidco avatar webdroidco commented on August 10, 2024

@Rick-Kirkham
Is it possible to play Youtube or Vimeo video in this dialog and when clicking on the full-screen button, the screen becomes full size?

from office-add-in-dialog-api-simple-example.

Rick-Kirkham avatar Rick-Kirkham commented on August 10, 2024

I don't think so, but there is a sample here: https://github.com/OfficeDev/Office-Add-in-UX-Design-Patterns-Code/tree/master/templates/first-run/video-placemat which opens a video in a dialog. You could run it and see what happens with the full screen button.

from office-add-in-dialog-api-simple-example.

webdroidco avatar webdroidco commented on August 10, 2024

Nothing happen with the full screen button. The dialog size remains the same. :(

from office-add-in-dialog-api-simple-example.

lindalu-MSFT avatar lindalu-MSFT commented on August 10, 2024

Closing all issues since this repo is being archived and no longer maintained.

from office-add-in-dialog-api-simple-example.

Related Issues (10)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.