Discuss everything related to Miro API, SDK, embedding and Miro Platform apps development.
Recently active
I have a MindMap and would like to add more items there using my script. Obviously I want the new elements to have the same style as the ones already created - but they turn to be quite ugly (notice the white background of the “Sample Widget”). :-(The only differences between the “widget” object that was created manually and the one created by script areCreated on Miro UI Created by script "id": "3458764523334544261", "style": { "backgroundOpacity": 1.0, "backgroundColor": "#ffffffff", "borderColor": "#ffffffff", "borderStyle": "normal", "borderOpacity": 1.0, "borderWidth": 2.0, "fontSize": 14, "fontFamily": "OpenSans", "textColor": "#1a1a1a", "textAlign": "right", "shapeType": "text_rect" }, "text": "<p>SIP trunk</p>", "x": -437.200615234375, "y": 10.0, "width": 56.4, "scale": 1.0, "rotation": 0.0, "type"
Hi everyone! How can I organize access to a Miro not public board if the attendees don’t have a Miro accounts?I see that invite a team method requires userEmail (https://developers.miro.com/reference/enterprise-invite-team-member) and share a board method requires the list of email (https://developers.miro.com/reference/share-board)
Hi,Trying to create a miro board for unregistered users (anonymous board), once the board is created the board picker returns with a accessToken which we can use to share the board with to other users . I am trying to embed the miro board in ReactNative with an iframe using WebView, even though the link has accessToken , the board always shows up as a private board for another user with the link.The code : <WebView originWhitelist={["*"]} scalesPageToFit={false} scrollEnabled={false} ref={this.miroWhiteboardRef} style={{ flex: 1, }} source={{ // uri: whiteboard?.accessLink, html: `<iframe title="miro-whiteboard" referrerpolicy="no-referrer-when-downgrade" allow="fullscreen; clipboard-read; clipboard-write" src=${`https://miro.com/app/live-embed/${whiteboard?.accessLink}`} style="background: transparent; border: 1px solid rgb(204, 204, 204); transform: scale(calc(0
Is there an API to delete a user account in Miro ?I see APIs to remove members from a team but unable to find one which could delete the account altogether.
It would be great if images and icons could be added as nodes/topics in mind maps
Hey, Miro Developers! We’re excited to announce the open beta of a new experimental space in our developer portal, dedicated to streamlining the developer experience. Introducing the Developer Space—your one-stop shop for onboarding, progress tracking, app creation, an enhanced app management list, and more!You can access the beta version of the Developer Space here, or from the upper right-hand corner of our developer portal at developers.miro.com:We’re focused on making sure we’re meeting the right needs of developers with this new space, and your voice is invaluable to us! We’d like to hear from you and learn from your experience with our early beta! Share any feedback or bugs with us here:Feedback on Developer Space Cheers,Miro Developer Platform Team
Hi Miro,Some iFrame embed widgets seems to run (when you press the play icon) inline directly on the board (e.g. Youtube & SoundCloud) and some run in the popup modal view (e.g. Spotify, Product Hunt). I’m building a web app (to run inside the iFrame embed widget) and a Miro web-plugin, how can I make the embed widget to run inline directly on the board? I can’t find any documentation or references in the SDK.Cheers,Niklas
Hi there,i urgently need to administrate miro accounts and rights through active directoy. Also I need to manage boards through active directoy. The goal is to create and change user accounts and their user rights.How could i realise it ?Also I need the following files on daily basis (daily report) e.g. csv-filelist of all miro accounts (firstname, surname) list of rights and roles possible inside miro list of all combinations of accounts, rights and rolesHow can i get these informations? Many thanx in advance for your support. Best,Bergin
Issue is that when you copy a code block all the “<” are changed to “& lr ;” .. so formatting is ruined.
I would love a feature where a single frame (including all content inside that frame) could be displayed and edited in multiple boards! EX. My team created a “project planning” board that keeps progress/ tasks/ activities/ and assignments for all our projects. We link to individual boards for each project inside that board. I would be great if there was a way to have that specific project plan viewable inside that project Miro board. we then could plan out and update that progress inside that project board and the same information would update in the project planning board! I hope this makes sense and would be happy to answer questions if this is not clear.ThanksTerriljohnson_terril_j@cat.com
TLDR: Probably can be fixed by adding “object-fit: contain” to the CSS for “.library-root__item--list .library-root__item-icon” to the Miro Board.library-root__item--list .library-root__item-icon { width: 24px; height: 24px; margin-right: 16px; object-fit: contain;}Icons are sometimes stretched in the Apps search on the Mio Board.Should be:They do not show up stretched anywhere else. We submitted a square SVG but at some point it was converted to a PNG and any transparent space was trimmed. That png is properly displayed on the marketplace page with a object-fit: contains css. but the CSS on the Miro Board App Search display does not have the object-fit: contains CSS.We cannot think of a way to solve this on our end. We already submitted a square image. One idea was to add a white background but then the icon highlighting in the SVG icons for the app would not look proper.
Hi, My use case is to create a diagram (similar to a uml class diagram) on the micro canvas. I basically parse complex code bases and after filtering and structuring relevant tokens parsed, I end up with a complex json data that has information about the different files, classes, variables, api calls etc. I want to draw a visual representation of that code base where an application is represented by a frame, and each file inside it forms a separate frame, which further contains shapes representing api calls and variables etc. I want to maintain the hierarchy in the diagram just like in the code itself- for example, a file containing a class, which in turn contains an api call, must be rendered as a frame (the file), containing another frame (the class) as its child, which finally contains a box representing the api call as its child.So, now that I have provided a context, I’ll come straight to the point. I did not find an api call where I could pass data for multiple items (frames, sha
Hi , I am trying to create board for unregistered users . But getting “Something went wrong” in the board picker.The API’s :async function getTokenFromServer() { const response = await makeApiRequest( "POST", backendApi, "server/generate/jwt", false, { client_id: "...", // hidden client_secret: "...", //hidden } ); if (response.error) { console.log(response.message); return response?.message; } console.log("token", response.response.jwt_token); // this returns a JWT token <string> , there is no errors in this func return response.response.jwt_token;}export const initMiroBoard = () => (dispatch, getState) => { window.miroBoardsPicker.open({ clientId: "...", // hidden action: "access-link", allowCreateAnonymousBoards: true, getToken: () => getTokenFromServer(), success: (data) => { console.log("on success", data); dispatch(setMiroWhiteboard(data)); }, error: (e) => { console.log("on error",
1. If we programmatically create users for others can we make them with their personal email accounts? If so, a. How do they set their password? b. Can we programmatically set their password? 2. I imagine users get notifications when they're programmatically invited to a team, or new user account has been created for them; in general, is there a way to control which notifications are sent? I'd like for the app I'm building to control sending notifications by sending out a link to a shared board. 3. I want my users to only see the board shared with them, would they see anything outside of that? I.e. the miro user dashboard/home landing page. a. If so, is there a way to lock their account down?
Hi,I'm new to Miro and development for it. I like the ability to publicly share a link to my board to visitors for edit but am concerned about the link being comprised (possibly being sent to malicious users); so instead, in the app I'm creating, I'd like to know if there's a way to create Miro accounts programmatically when someone creates an account in the application I'm building so I can have users sign up for my site (and Miro) and be able to add them as contributors to a board later? I saw there's an API method to create a user, but I'm not sure this is the type of user I'm looking to create. Thanks, John C.
Hello. I am not a developer, but have enough past experience to fuddle my way through some things.I got the Drag and Drop example Web SDK 2.0 app up and running at Glitch.Now what I am trying to do, is add scrollbars to panel as some of the images are cutoff/not visible:All of the code I am using is here:https://github.com/miroapp/app-examples/tree/main/examples/drag-and-dropAnd I have been looking for information on adding a scrollbar here:https://developers.miro.com/docs/ui_boardui#openpanelBut I also understand that this may be something that should be obvious to a developer and is not unique/worth documenting in the Miro Developer Platform documentation.Any help is appreciated!
The problem : I want to details of the board (specifically the viewport of the board) , that i have embedded to my web app using live embed. I do have the board ID , and accessToken that is given by boardpicker . Is there way any to control the embedded miro board using the web sdk with the details that i already have ?Currently using the web sdk.js package to the project always returns empty viewport data, mostly because the app is NOT authenticated with the board embedded in my webapp .Any help is very much appreciated
I am trying to create a miro board where is specifies business units, teams within that business unit. I have the data in Airtable. To help with keeping it current, I was wondering if there is a way to import the data instead of manual update the miro board. I am also open to another suggestion.
I want to have non-registered Miro users come to my website and use an embedded Miro board but I don't want Miro ads popping up asking them to either sign up or create an account so they could display their real name. I also want control of the board so I can programmatically set permissions on the board, create the board from a copy of another board, or use the API however else I chose too. I don't understand what the boardPicker does exactly, I see there's a client ID, so that leads me to think there's some type of authentication that could possibly run a board as a service account. If what I'm thinking is true, would multiple non registered users be able to interact with the board or are there limitations? Thanks,John
I didn’t know that it has a trial version. How can I delete it? Every time I try, it displays an error
Hi there, We have an existing published Miro app, and when we try to edit any config for it, we get an error message that it cannot be edited because the app is already published.Surely there must be some flow to edit and resubmit an existing app with updated config? Am I missing something, or does this require manual intervention by the Miro team to update an existing app? What is the update flow for editing and resubmitting an existing published app?Or do you recommend creating a new app altogether in order to “update” it, then we share our latest new App ID with you once we are ready to resubmit?
When I create a frame and add a shape in it I can’t resize the frame to a smaller size Example :const frame = await board.createFrame({ title: “Test”, x: 0, y: 0, width: 1000, height: 1000,});const shape = await board.createShape({ x: 25, y: 25, width: 50, height: 50,});await frame.add(shape);frame.width = 500;frame.height = 500;await frame.sync();I got the following error :“Uncaught (in promise) Error: Cannot resize the frame (XXXX) to the specified size, because one or more children would exist outside the parent frame.”
Does anybody know if it’s possible to embed a miro board on a page, but remove the zoom controls from the touch pad. This would make it better for accessibility so people can scrolll past the board if necessary and just use the icon buttons to zoom in and out?
Hey, Miro App Developers! Building an app? We’d like to hear from you! If you’re building an app on the Miro Developer Platform, we hope you might have a few minutes to complete our short survey about Miro app development and your use cases:Developer Insights SurveyWe’re focused on making sure we’re meeting the right needs of developers, and your voice is invaluable to us! Cheers,Miro Developer Platform Team
Hello, I have been working on one finance topic. I’ve utilize this miro article for 10-12 days. However, I couldn’t access the article yesterday. I can't see the page but when I click the search button, I can see faintly.The link is [BORAD LINK REMOVED BY MODERATOR]an you help me view this?
Already have an account? Login
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.