Discuss everything related to Miro API, SDK, embedding and Miro Platform apps development.
Recently active
I am talking about the Miro web plugin SDK and its capabilities.I am successfully using the WIDGETS_TRANSFORMATION_UPDATED event to react to widget transformations like resizing and draging.The problem is with the eventually consistent nature of this event. The event only fires when I release my mouse button and stop resizing or moving a widget. I would like to react to these changes quicker on the fly as the widget is still being resized or moved around.The basic use case is that I want to change the background color of sticky notes depending on their location on the canvas. Currently the user has to already know where these special areas are and then drop the widget in that location. It would be a much smoother user experience if I could update the color of the sticky note immediately as it enters the correct area.This type of feature is known as a drop hint and it is commonly found in high quality UIs.The Miro web client already has all this data, because obviously the vanilla widge
Hi team I am trying to use https://miro.com/api/v1/organizations/id/members API and it seems it requires a session token. Can anyone help me with steps to acquire session token for MIRO.
Hey..I have two questions we are use Miro whiteboard API. And works well. Now we need to change our company logo to whiteboard. But there is already a micro logo. How to switch ? and also,we need to hide some icons like settings. how to do that..?
When creating an app and getting a token for our current team I get this error.If I try token for DevTeam everything is ok but when I try it for existing one I get an error. What’s the problem?
I am working on an App/Integration that will update Miro User Profile Images using another system as the image source. My App has team permissions to team:write scope at the App/Team level. When I call the https://api.miro.com/v1/users/USERID/picture method through the API using the App’s global OAuth Token I receive a 403 Forbidden response code. My intention is to have the app update all user’s images that are members of the team. The team admin gave permission for the app at the team level. Is this not sufficient?
Hi,We’re using the “Editable boards for not registered users” as per the docs: here.Following the docs we’re able to get the embed boards to function without having to sign in as desired.However, we’re unsure how to connect multiple users to the same board, or return the same user to a board after leaving and returning. How might we do this? Is there a way to specify the board ID to connect to? Or something along those lines. Obviously for a collaborative tool like miro, it’s quite critical that we have multiple users connect to the same board.It’s mentioned that the boards for anonymous users are destroyed after 24 hours, which to me implies that there must be a way to return to the board. Thank you!
Hi all!I made a simple web-plugin and all was fine. But some time ago it stops working. In console log I see such messages: Access to fetch at 'https://miro.com/api/v1/users/<id>' from origin '<my server host>' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.I definitely haven't made any changes to either the plugin code or my server settings. Can you tell me if there have been any changes in Miro in this regard?Thanks!
I am trying to use Integromat to move data between Airtable and Miro. The hope is that I can do this without needing to write any code, which would mean my team can also setup their own workflows without needing any code.The idea is to make a Miro board a template and then copy it and put some data into the board at specific locations. My team members would make and modify the template, and I need some way for them to identify where they want what data plugged in. the API requires me to know the precise widget ID of the widget that I want to update. I cannot see the id in the board, and I assume each copy of the template would create a separate widget id so I can’t rely on any particular one.I see that it’s possible to put some metadata on a widget (again programmatically) and then I guess I would list all widgets and filter for those that have the metadata I want.My question is - is there some visual way to change the metadata of the widget from within miro, that I can then use within
Hi,Is it possible to somehow change the the mouse pointer’s shape when user clicks on our app’s button on toolbar?Imagine I want to implement the same behavior as comment button in tool bar using web plugins. Like this gif: https://share.getcloudapp.com/jkuLODOJ
Hi. I have application tested in my personal account in dev-team. But then i signed to enterprise account, I can’t create a dev-team and create any rest api configuration. I received a message during dev team creation - Domain users are not allowed to create any account outside of their domain organization.Domain admin is ready to provide any rights, but how can it be done?
There’s a way besides Figmiro that we can connect Figma with Miro? I ask because Figmiro is great, but we use a SSO connection in our softwares in my company and it’s not possible to connect it from there. If anyone has a trouble with that could give us a help? I’ll ask also the developer on GIthub when it would be avaiable, but there’s something coming from Miro team?
Hey @allWe use the paid Miro api on our site. The board is very nice, is working good . Now we have created the export button on our site. If you click on the button, the current Miro board is download .. How to do it?Is anything possible for that?How do we change our code? Note: This is an external function. We do not use the default export option inside the board Thanks,G Ramkumar
Hi! I’m trying to use the “Create Board without registration” button but it doesn’t work. Maybe, something wrong with JWT integration. Any ideas? <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script><script type="text/javascript">var oHeader = {alg: 'HS256', typ: 'JWT'};// Payloadvar oPayload = {};var tNow = KJUR.jws.IntDate.get('now');var tEnd = KJUR.jws.IntDate.get('now + 1day');oPayload.iss = "CLIENT_ID";oPayload.nbf = tNow;oPayload.iat = tNow;oPayload.exp = tEnd;// Sign JWT, password=616161var sHeader = JSON.stringify(oHeader);var sPayload = JSON.stringify(oPayload);var sJWT = KJUR.jws.JWS.sign("HS256", sHeader, sPayload, "CLIENT_SECRET");</script><script>function onClick() { console.log(sJWT); miroBoardsPicker.open({ clientId: 'CLIENT_ID', // 1) Put your 'clientId' here. action: 'access-link', allowCreateAnonymousBoards: true, //2) Enable this option getT
Hi.., How to use our site for Miro whiteboard. We looked at the API document, but are still confused. Is it possible to integrate with the Miro whiteboard on our site?ORIf there is any paid version, please send details and how to integrate the Miro whiteboard application into my Laravel code? Thanks,G. Ramkumar
Hi, my team and I have created a custom web plugin which was working properly. When a new team member was added, he could see the web plugin icon but the custom feature didn’t work at all. This is what we get as an error: “Uncaught (in promise) Error while command execution: Method 'board.widgets.get' requires scope 'boards:read'”. We have already allowed the “board:read” permission for our app. So I tried to reinstall the app but it seems we need to authorize the app. So I tried to authorize the plugin but I and my team get this message.We have subscribed for a team account and I am not sure how can we get this plugin to work again. I also tried to create a new app but this same message appears every time. Am I missing out on anything? Please help me out here! Regards,Taylor
As stated in the title, 'zoomToObject' is deprecated api. It will be removed soon. pops up in console everytime I use the “await miro.board.viewport.zoomToObject(widgetID);” command. It is nice that you warn users that a certain functionality will be removed, but some insight as to why this would be removed and maybe what will replace this functionality and when would be welcomed too, because right now I cannot find any other suitable command which could replace zoomToObject in my app. Maybe keeping a update log page with scheduled updates including scheduled API changes would help, or generally just some form of communication and updates about API issues, like updating metadata which has been now broken for over a month.
Miro supports a very usefull tool when sharing boards between users, where a user can send a link with a specified widget. When another user opens the board with this link, he gets automatically redirected to the position of this widget on the board. Is there a method for using this functionality via the miro SDK? I was looking into the viewport section of the documentation as it seemed like the most probable place to have this functionality, but didn’t find it there. Is this a part of the SDK and if so could someone link me to the documentation?
Hi everyone. I know that you can show/hide a widget for current user using clientVisible property as shown here . But what I want is to be able to hide/show a group of widgets for all users. For example, I have a group of images stacked together on top of each other. The images are grouped together in miro.What I want to do is to be able to click on an image, so that the upper image gets hidden and lower image gets show and vice versa.What I have been able to achieve so far is to hide/show “text groups” using Miro SDK and using metadata property to store the states.FOR EXAMPLE: On first click, bottom text showsOn second click, bottom text hides, upper text shows I am using custom plugin for this. I want to do this for images instead of text but I guess metadata on images is not working. Any updates? So far, it works fine on other widgets except image widgets which doesn’t throw any error but it gets stuck on updating.let update = await miro.board.widgets.update(ids)Any directions how c
Hello!I’m currently working on a plugin that tries to simulate some type of real time update behavior. I.e. when I add, modify, or delete some sticky notes inside a frame, it will trigger some action somewhere else. To all the Miro and JS experts out there: I’m wondering if there’s a way to listen for a change in the frame’s children and react to it?The only way I can think of is leveraging the existing Miro SDK listeners so that every time a sticky note is created, it will check every relevant frame and see if the sticky note is inside one of them. I’m just a little concerned that this method won’t scale well.Thank you in advance for your answers!
Hello, I’m trying to upload an image widget via the REST api. I can see some references to https://miro.com/api/v1/boards/<boardId>/integrations/imageplugin using a hash authentication, but nothing on the documentation. Is there an equivalent in the published API? Many thanks
I am trying to execute Boards Picker API locally .code:clientId : 3074457360836196477but getting Sorry, integration is unavailable.Error. Account is not a partner. Reason is accountIsNotPlatformPartnerI also added localhost and 127.0.0.1 in Boards Picker domains list at app dashboard.But did not help.
Tried to find my answers in the doucumentation for text widgets, but without much success. This is what I’m looking at:I can’t figure out which width attribute corresponds to what exactly since they are both different in value. And if both of these width attributes impact something different, or if they both just determine the actual width of the text widget, where one of the attributes has priority over the other. Also the reason why I would even want to set width manually, is that when creating a text widget with a API call and simply giving it some text, it doesn’t determine the expected width well enough, for the text to fit in a single line.The call beneath will give me this result ^await miro.board.widgets.create({ "capabilities" : { "editable" : true }, "scale" : textSize, "rotation" : 270, "style" : { "backgroundColor" : "transparent", "backgroundOpacity" : 1, "bold" : 0, "borderColor" : "transparent", "bord
I have build an app in Miro by following the guide Build Your App (miro.com) . I have created a Html file (using a custom web api that is hosted in Azure) that adds 2 Icons in the bottom bar of the board and added the linkto the App URL field.The app works fine for the board owner and users with Edit access to the board, i.e. they are able to see the icons and redirect to another page on click. But, the issue occurs in the users with viewer and commenter - they are not able to see the Icons and I can see that in the sources (in developer tools ), the html file is not loading.Could you please confirm if this is the default behavior of Miro and if there is any workaround for this.
Hi, Is it possible to integrate Miro with Blackboard? How can I do this if possible. Thank you,
Hello! I am able to provide my auth bearer token to a POST request containing the json to create a widget on my board via PostMan or the live test in the API Documentation. However, running a local server / react app to call the fetch api using the same url and http headers/credentials results in CORS error. How am I to test the rest api for my app using the fetch api and running on localhost:XXXX?
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.