Developer platform and APIs

We’re looking to create an experience where someone can take an existing Miro board in their account, and our service can easily spin up clones of that board on-demand for individual collaborative meetings with anonymous users.Using OAuth I can get to the point of reading boards from the user’s team and even creating a ‘cloned’ board by duplicating the widgets from a selected source board. But it appears the anonymous collaborative “access links” are specific to the embedded Board Picker experience.I don’t want to force our users to manually create and pick a board for each meeting instance - the experience I want to enable is that they click ‘create room’ in our app, and a Miro board with public editing is created from the source board they selected once, instantly.Is there any way we can utilize public access links via the OAuth API programmatically in our backend instead?

I want to add an icon to the toolbar. I want to make the original png format image an icon on the toolbar. How should I do it?I thought I should change the const definition part, but I didn't know how to write it. const icon24 = '<path fill="currentColor" fill-rule="nonzero" d="M20.156 7.762c-1.351-3.746-4.672-5.297-8.838-4.61-3.9.642-7.284 3.15-7.9 5.736-1.14 4.784-.015 7.031 2.627 8.09.61.244 1.28.412 2.002.518.277.041.549.072.844.097.138.012.576.045.659.053.109.01.198.02.291.035 1.609.263 2.664 1.334 3.146 2.715 7.24-2.435 9.4-6.453 7.17-12.634zm-18.684.662C3.18 1.256 18.297-3.284 22.038 7.084c2.806 7.78-.526 13.011-9.998 15.695-.266.076-.78.173-.759-.287.062-1.296-.47-2.626-1.762-2.837-1.009-.165-10.75.124-8.047-11.23zm9.427 4.113a6.853 6.853 0 0 0 1.787.172c.223.348.442.733.79 1.366.53.967.793 1.412 1.206 2a1 1 0 1 0 1.636-1.15c-.358-.51-.593-.908-1.09-1.812-.197-.36-.358-.649-.503-.899 1.16-.573 1.916-1.605 2.005-2.909.189-2.748-2.65-4.308-6.611-3.267-.443.117-.834.44-.886 1.

Hi all, I’m wondering if it's possible to auto-sync text from google sheets to a sticky within Miro that will always remain the same. Any help is appreciated!

Hi,Style properties on Line Widget are not marked as Read-only but are ignored by update function.Application type: web-pluginTested with LineWidget https://developers.miro.com/docs/interface-ilinewidgetExample:        for (let widget of widgets) {          // styles are not updating:          widget.style.lineColor = '#000000';          widget.style.lineThickness = 3;          // other properties are updating correctly:          widget.clientVisible = false;        }        await miro.board.widgets.update(widgets); 

I am looking for someone who can take a data list from Excel and then automatically create and populate a tag in Miro similar to what I have attached below. Note the attached files. One is a sample of the excel data and the other is a sample of the Tag to be generated in Miro.Each row in excel would be a new tag in Miro Each column in excel would be data inserted into the Miro tag The background color of each Miro Tag is a unique color assigned to the miro user who is creating the tag - there would have to be a lookup table for this. People listed at the bottom of the Miro Tag Background color matches their assigned miro color The list of names in excel is actually a delimited text string of email addresses - so there would have to be a lookup table The lookup table would need to be an excel spreadsheet this would be a list and each row would be a Miro user The column data would be: User Name User Background color User Email There are data columns in th

The OAuth share link given via creating a Miro app is a white page when rendered instead of the “choose a team” page I’ve historically seen.  Also, if I use the “Install App and get OAuth Token” button on the app page it also just shows white instead of the team picker.

Hi there I tried updating the App URL on my Web SDK app I resumed development on in my Dev Team under “Your Apps”.Yet doing so gives me a “Bad Request. Deserialization Error” notification and not much more info. Network tab res preview: Also tried it on a newly created App, where setting the App URL failed for the same reason.Haven’t changed any scopes. (Re-)installing the app doesn’t change anything. Seemingly the same issue as this one from 7 months ago.

hi,I want to add image in board using api request. is there anyway to this? I also looked in miro api guide but couldn't find any help.In community form in one thread i read miro team is working on image widget can some one please tell me when this feature will available ?Thanks, 

Hi,In the miro dashboard you can group boards into projects.How do I add a project and then add the board to a project? 

Hi, recently I posted another topic about pricing but, I forgot to confirm few conditions then.Could we still use Miro BoardsPicker  (Editable boards for not registered users) without a cost, even when our company’s app is not free. To Enable Anyone with link can edit (no sign-in required), Which plan do we have to subscribe to?I’m looking forward to hearing from you.

I can't find my boards. How to find them and how to create a new one? Training open all the time

Is there any way to list all boards in a Miro team and the permissions associated with them? The use case is to create an external search index for Miro boards for the entire team without every user needing to authorize separately. This would require having an app integration at admin/team-scope (as opposed to user-scope).

Hi,I am using the REST API, not creating a Miro App. I am using the API to build a board programmatically and although it is mostly working, I have hit a number of issues.The API exploration works, but the code samples do not - something is broken on the OpenAPI Schema (missing fields) that prevents it from working, I’ve had to make calls directly instead. Changing lineEndType does not seem to do anything. backgroundOpacity does not match what is in the application - I would like 10%. There is no ability to “send to back” or in any way adjust the z-index. Would it be so hard to add z-index to the style? It is not possible to adjust the opacity of a line.

My usage:When user click the button in our app, I will create a board on Miro. I checked the document: Step1: we will get the code after we authorize with the redirect url, this authorize will be completed by the real end user, right?Step 2: we will get the access token by the code and return to our UI websiteStep 3: we can pass the token from UI to our API and then access the create request. (we need the user to authenticate our App also) My questions are:Do we need/have the system account to get the access token?If we want all of the authenticate and real create request get done in our backend, what I can do? Miro will redirect the code to our API, but with this call, there is no our app authenticate info, we cannot continue to request the other logic if no user authenticate info with our app.

I am trying to get image widget data  in a web plugin.  If i create an image widget by copying it from a web page, the url field is nicely set and i can use that information.  If i create an image widget by copy/pasting e.g. a screenshot, the url field is empty and i can not access the image.Is there a way to access the image data with is stored within the Miro Board? Having access to the different resolutions of the image (which are probably cached in Miro) would be very interesting.   Thank you very much,Sebastian

@Anthony Roux - Can you confirm the status of the bottomBar extension point and the new UI beta?For example, the following does not appear to work in the new UI:    extensionPoints: {      bottomBar: {        title: "Cardsy",        tooltip: "Generate Cards",        svgIcon: icon,Source:https://github.com/YashBhalodi/cardsy/blob/master/main.jsFor one of my personal projects, I had to switch to the ‘toolbar’ extension point and replace ‘svgIcon’ with:toolbarSvgIcon: icon,librarySvgIcon: icon,Tagging in @Yash as his Cardsy plugin is work working in the new UI using the above bottomBar extension point.

Hi, I’m a Developer planning to use your Boards Picker API.Before I start integrating it into my App, I’d like to know the pricing of the API.I’m looking forward to hear your answer.

I’m running “npx create-miro-app@latest” but received this error: internal/modules/cjs/loader.js:905  throw err;  ^Error: Cannot find module 'node:process' I’ve also tried with explicit versions @0.8.4 and @0.8.3 with the same error. When running “npx create-miro-app@0.8.2” the interactive menu works fine.I’m running npm version 8.3.0 and node version 14.17.2 Regards,JMB

Hello,I’m trying to lock lines drawn by a pen in a chart, but I found out, that this doesn’t work.I tried it with the same lines in and our of the chart. Here are Screenshots  of the problem  Thats quite troubeling because I’m trying to use miro as a plattform for the free japanese online class that I’m currently developing.Have a nice day ^^  

I’m trying to emulate the request to get all widgets from the “List All Widgets - Try It” page locally. I have an index.js file that is linked in a html file. All the index.js contains is: const options = { method: 'GET', headers: { Accept: 'application/json', Authorization: 'Bearer <access token>' }};fetch('https://api.miro.com/v1/boards/<board id>%3D/widgets/?widgetType=sticker', options) .then(response => response.json()) .then(response => console.log(response)) .catch(err => console.error(err));But whenever I make the request all I get is TypeError: Failed to fetchWhat am I doing wrong here? Is the endpoint incorrect? Am I supposed to be adding additional fields to the options? I tried making a request through Postman using that endpoint and the access token that was provided when the app was made and the request works. I just don’t get what’s wrong with this fetch request :(

I was thinking of building a plug-in to do this (but not using the existing story widget - just creating something custom): https://community.miro.com/wish-list-32/user-story-mapping-feature-collapsible-rows-5526It would involveA story board wrapper - which could automatically stack the rows vertically Rows which could contain stickers and notes etc (could be frames) Shapes on each row that could act as buttons to toggle expanding them and collapsing them - as well as triggering the main wrapper to re align the rows verticallyCan I do this with the tools in the SDK?I got the Hello World app working, but I didn’t see an example of someone making a new widget - which I think I would need to do for point 2 above, or at least add an onClick listener to a shape - is that possible? Could I add something to the menu of a frame saying it is a story wrapper or a story row, and then something to the menu of a shape to designate it as an expand collapse toggle for the row it is in? 

How can I view the feedback I've provided miro about their platform?   I was reviewing my team’s work and mistakenly used the Feedback to Miro button which I have since learned s for sharing thoughts about the platform.  I am now aware the proper way to capture my thoughts and feedback for my team.   Is there anyway I can get the comments I sent to the platform developers back so I do not have remember all of my feedback and recreate them?

Hello.I have own personal miro and account that created on team mail. Once, I logged in desktop app (Win10x64) via personal google account. Then I remembered that my current work file located on team account. I thought that I can logout and open team mail account, but… Always when I choose login via Google I automatically login via personal email. So now, I can not to work with team files.

I'm developing a validation in tx MIRO through the BADI MRM_HEADER_CHECK, I show a message when the field "reference" has already been used. The message has type E, this disables every field on screen and so the user can't return to that field to fix its value.FYI: I have to show message type E because I want to block every fields excepts the two fields with encircled in red. I saw that the people suggestion use this: if I put the breakpoint SY-DINNR equals to 6000. In my BADI code LOOP AT SCREEN doesn't see field names that I want to disable. MESSAGE <msg> TYPE 'S' DISPLAY LIKE 'E' doesn't work as well I can't modify code that is out of my BADI code, e.g. in PAI and PBO modules:CHAIN. fields: f1,f2,f3. MODULE <mod name>.ENDCHAIN.This my BADI code:*This field symbol have the values of inputs.ASSIGN ('(SAPLMR1M)RBKPV') TO <fs_rbkpv>. IF <fs_rbkpv>-XBLNR = lwa_bkpf-xblnr. MESSAGE lc_message TYPE 'E'.ENDIF.Any ideas? Thanks in advance.

 I spent whole night to try many ways to do the same thing, but I'm a beginner so I give up and ask for help.Question was answered many times but I can't find just simple way to make TOGGLE remember current state. I don't want to start my work with jQuery with bloated code.I need to create just dead simple open/close panel and I found toggle() or toggleClass() will give me what I'm want.Final working code from Miro shortened and fixed by me is:$(document).ready(function () { $('p').toggleClass('red', $.cookie('currentToggle') === 'on'); $('button').toggleClass('yellow', $.cookie('currentToggle') === 'on');});$("button").click(function () { $("p").toggleClass("red"); $(this).toggleClass("yellow"); $.cookie('currentToggle', $("p").hasClass('red') ? 'on' : 'off');});Thanks Miro!