Discuss everything related to Miro API, SDK, embedding and Miro Platform apps development.
Recently active
Does Miro provide an API for capturing chat room content?
let image = miro.board.widgets.create({type:'image', url: url, x: canvasX, y: canvasY})let text = miro.board.widgets.create({type:'shape', x: canvasX, y: canvasY, text: "<strong>Title<br/><a href='https://www.google.com/'>Google url</a></strong>"})miro.board.widgets.create({type:'frame', width: 300, height: 500, title: "Test", childrenIds: [image[0].id, text[0].id], style:{backgroundColor: "#ffffff"}})}Here is code snippet. This adds a frame and two elements to it. But frame and children don't belong each other. When i start dragging frame children stay static. Is there any way to make child elements nested to frame?
Hi there,Currently I’m working on implementation MiroBoard for not registered users, for registered users everything works well, but for not registered users I need to generate JWT, I generated it but it seems there’s something wrong with it.Can you please share some examples of JWT generation for MiroBoard using node.js?
Hi, after about 20-30 seconds of inactivity I get this error: Response by token not found .areYouAlive-pzexwRYT0y6q6vo4JdA5 from my app. I understand that this is triggered automatically but don’t understand how or why (since this doesn’t happen in any other ones I made) I don’t get why the token expires. Once this error gets triggered my app will not accept input, sometimes if I try to input something twice it works on the second try and sometimes the app needs a re-launch. Is there something I’m doing wrong, or some way to prevent this from happening?
Hello there,So we are trying to build a teaching app where users are taken through several stages in a lesson, one of which being able to interact on a whiteboard.For a lesson we want either a blank board or to start from a template designed for that particular topic. The board should be created from a template programmatically and embedded at the appropriate point in the lesson. This is embed it on the page so everyone would be able to see it and interact with it.After some investigation and tests we came across the following problems:1/There seems to be no way to programmatically get access-links other than using your boardPicker.js. I am aware that we are able to embed using https://miro.com/app/live-embed/{board_id}/ but this requires the user to click on the board for them to see it and we really want to avoid that.And the only option where no click is required is by using “https://miro.com/app/access-link/{the access link part}”. We want to skip the boardPicker and programmatical
I want to search a way in miro that per board people can save all the postits that are made per topic can be saved i an sort of database or frame and later other people can see the content and share and reuse some answers/postits. Maybe with integration with an app or in miro in another frame of board?ThanksKatrien
HiIs it possible to create a custom card type with some extra fields, happy to get stuck into some APIS if it would be possible….It’s been a few years since I did some serious coding so any Noddy guides would be helpful ThanksJ
Hi everyone, We are looking into embedding Miro boards into our React.js application. I have read through the docs and I have applied (and got accepted by the API team) to get access to Miro Live Embed. I just have a few questions:Are all three approaches listed in the docs page above (direct board link, boards picker from JS, and temporary boards for un-registered users) available? The flow for temporary boards caters for both un-registered but also allows users to log in if they have an account. Correct? What is meant by “… requires enablement on Miro side...”? Is there anything more required from our side, other than submitting the form above and being accepted? I created the “Dev team” as instructed by the docs. Is this the team that I will be using to also publish the integration, or can I create a new team and transfer the integration to that team. Also, I renamed the “Dev team”, any issues with that? Do you foresee any complications with trying to integrate a Miro board into a
I am trying to access audit logs of my team but am unable to access it as it says bad request for every request. This is the requesthttps://api.miro.com/v1/audit/logs?createdAfter=2021-02-01T23:59:45Z&createdBefore=2021-02-05T23:59:45Z I have also tried this in case it might work but it did not work toohttps://api.miro.com/v1/audit/logs?createdAfter=2021-02-01&createdBefore=2021-02-05 I have added my authentication as Bearer {{Token}}. The response I get is 400 Bad Request:{"status": 400,"code": "invalidParameters","message": "Method arguments are not valid","context": {"fields": [{"field": "createdAfter","message": "Invalid parameter type: Date is required","reason": "invalidParameter"}]},"type": "error"} Any help here would be appreciated. Thanks in advance!
I am getting the following error when i am trying to integrate MIRO board.miroBoardsPicker.open({ windowRef: windowRef, //Provide opened window reference clientId: miroClientId, // ask the backend action: "access-link", allowCreateAnonymousBoards: true, //2) Enable this option getToken: () => getMiroJWT(), // Provide token in async way success: data => { console.log("on success", data); document.querySelector("#test").innerHTML = data.embedHtml; }, error: e => { console.log("on error", e); }, cancel: () => { console.log("on cancel"); }, });getMiroJWT() returns a promise. And the windowRef works but it says “Sorry, integration is unavailable.” . The exact error message from the console log is“ on error Application key: **********. Reason is platformApplicationNotFound “ I could not find anything about platformApplicationNotFoun
Hello,We have couple of web plugins that use metadata, When app#1 updates metadata it is stored in the below format{ "metadata":{ "appID#1":{ "data":[ 1, 2, 3 ] } }}Let say we are updating metadata from another app, then its getting stored by removing the app#1’s metadata.{ "metadata":{ "appID#2":{ "data":[ 10, 11, 12 ] } }}We couldn’t workaround the problem by supplying entire metadata(from both app’s), in which case below error appearsYou can write metadata only for your app Id ‘3323453453454….’
Hi,We have implemented the board on our web app using iframe integration, but when a host wants to share the video or start video chat he/she needs to log in first through miro.com.We want to authenticate the user without going to miro.com, is there any way to set authentication through iframe or any API calls? Thanks in advance! regards,Kundan
I was wondering whether I can create dynamic wireframes using metadata stored in a database?Has anyone done this?For example if I have a list of fields, data types and the order they should appear on a page could I render a dynamic wireframe? So if I change the order of the fields it would update the wireframe.Ideally I would like to drag items on the wireframe and update my metadata as well or add new items and have the metadata update.I would also like to tag every field with a unique id that ties it back to my metadata. This way I can track dependencies back from the wireframe to the metadata.
I’m working on a Miro scaling app which also displays current dimensions to the user. the dimensions are represented by X & Y axis arrows + their values. For some reason the text “height” property which is responsible for the size of the font I believe, always gets reset to “36” even though I have cases when it should be larger (if a widget is bigger so that the text has better visibility) see attached pictures below:small widget with 36 text height works finebig widgets with size 400+ units need bigger textCurrently I have a simple sorting function which looks at the height / width of the widget and assigns a text height accordingly. At widget side of 60 units or less I’m assigning 36 text height, at 400 units or less I assign 56 text height, at 1200 or less I assign 76 text height, and at 1200+ units I assign 100 text height. The Problem: Text height always defaults to 36. When resizing by hand on miro board I am able to reach these text heights. Alternatively there might be som
Hello! My team uses miro board intensively for the different tasks and I have to say it’s awesome instrument! Some time ago we started using it for the database modeling. We use Shape widget to define tables and then we just put some text inside which describes columns of that table. The problem is that we would like to have a more strict tool for that than just shape widget. We’d like to have custom widget which might be a something like a table widget but just with three columns stands for column name, column type and description. Types of columns should be predefined and should be choose from dropdown list. Also it should be possible to connect tables using connection lines. Is something like this planning in the future?If no, could you please give a clue on how to implement this widget/plugin? Is there any example on how to implement such a widgets? Many thanks in advanced!
Hi, after searching in the documentation I found the selectWidgets Miro board method. I simply want to use a array of widget ids from the board, input them into the method and want them to get selected on the board, from what I have read in the documentation this should be working. Link to the documentation: https://developers.miro.com/docs/interface-iboardselectioncommands The method:My implementation:The error I get:I never used this method before so it is possible my implementation is wrong, if that is the case and someone knows what is wrong please correct me. But the documentation says the method should accept a parameter of widgetIds which the array I’m passing into it has. This most probably isn’t the problem as the error seems to be in the method itself rather than in the parameter passed.
Hi all,we would like to create daily reports of our company account in Miro that contains the total number of users, total number of boards, the number of users of boards, etc. The created report should be downloaded it via an API call or SDK function.We have a main KPI Dashboard that collects such metrics from other agile and developer tools and provides an overview for internal analysis.But i could not find any rest point in API or a function in SDK in Miro that allows us such as report creation and export.Do you have this kind of function or rest point about reporting of activity metrics described above ? Best regards and thanks in advance.
Hey Team Miro,we are currently not able to write metadata with our Plugin (Javascript).Same problem as described here:https://community.miro.com/developer-platform-forum-57/miro-getclientid-is-broken-or-deprecated-3439?postid=14320#post14320 Any ideas?Michael
@Farbod Saraf @farbodsaraf @Daniela Gavidia its seems that . . . miro.getClientId(). . . has suddenly broken. We found the error as one of our Clusterizer users reached out to us. The issue has indeed taken Clusterizer down with it → as we cannot write metaData without the clientID. Was it deprecated…? It is still shown in the SDK d.ts file but the console returns this error.
Hello, everyone.I want to use miro for not registered user to edit board with each other.I've been trying in various ways to use BoardsPicker. But I'm on the free plan, so I won't be able to use this. Everytime, “Domain is not in allowlist. Reason is domainNotInAllowList. “The reason is that the whitelisted domain is not found at all in the free plan.➡Sharing Policy – Miro Support & Help CenterI can’t find the way how to find allowlist and enter domain to allowlist with free paln.It’s very difficult for me to use miro BoardPicker…. If you know the way how to find whitelisteddomain, and how to add my domain to the allowlist with free plan, could you teach me the way? Regards.
I am trying to execute Boards Picker API locally . clientId : 3074457353059286897 by using this demo code https://github.com/miroapp/boards-picker-demo/blob/master/index.htmlbut getting Sorry, integration is unavailable.Error. Domain '127.0.0.1' is not in allowlist. Reason is domainNotInAllowListI also added localhost in Boards Picker domains list at app dashboard.
Dear Miro dev Community, I’m trying to run the ‘Stickers and Shapes’ web plugin example code in my Sandbox running a ngrok server locally. Although the SDK loads and the plugin in being initialised, I’m getting the following error/ warning: [blocked] The page at about:blank was not allowed to display insecure content from http://11d1b29e.ngrok.io/<file path> (see screen grab below). I’m using Safari on a Mac. I’d really appreciate if you could provide some advice. Many thanks!
Hi, I need to create boards via API for my guests. I can I do it? FYI I have an consultant user type, paid
is there any way to lock/unlock the board at any point of time?
Hi all!I have an issue with CORS when accessing the Rest API from within a Web-plugin. As explained here, it is very easy to get a Rest Authorization Token to execute API calls from the miro SDK. However, when attempting to get a REST resource (I was getting /v1/boards/{id}/user-connections), I get a CORS exception because I call the API from the domain of my plugin. (which of course runs inside miro.com) My understanding is that the only workaround is to make the call to the API from a server and not the browser, which would require my plugin to require a server, which has a big complexity addition - it would be much simpler if it could continue to be hosted as a static website on GitHub Pages. So my question:Is there a way that I am not aware of to circumvent this problem (other than hosting a server)? If there is not, would it be possible to set the Access-Control-Allow-Origin header on requests to * (or potentially more safe to a list of addresses that could be configured on the bo
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.