Comments (9)
@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.
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.
@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.
@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.
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.
@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.
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.
Nothing happen with the full screen button. The dialog size remains the same. :(
from office-add-in-dialog-api-simple-example.
Closing all issues since this repo is being archived and no longer maintained.
from office-add-in-dialog-api-simple-example.
Related Issues (10)
- The specified address has not been not trusted by the add-in HOT 1
- cannot reopen the dialog after close HOT 1
- Edge widens the dialog to fit the title HOT 1
- Cannot read property 'registerForEvent' of null HOT 6
- Does the Dialog API supports Outlook WebClient( OWA) HOT 1
- displayDialogAsync: dialog content in not loaded from time to time HOT 5
- ScriptedSandbox64.exe has stopped working HOT 1
- The Office Js Dialog API contains a bug where the width and the height are swapped HOT 1
- Office.context.ui.messageParent can't talk back to the host in Outlook Online (Web) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from office-add-in-dialog-api-simple-example.