Bookmarklet to Open New View Editor from a Solution in Dynamics 365 v9

Jared Johnson, 10 January 2018

One of the most welcome new features in Dynamics 365 Version 9 is the new view editor, which has improvements over the old view editor such as being able to add and reorder fields via drag and drop. However, it is only available inside the App Editor, which means if you try and edit a view within a solution like normal it will open the old view editor.

To get around this I have created a bookmarklet that can open the new view editor from within a solution.
To use it copy the following code into a browser bookmark, then when you have selected a view from within a solution launching the bookmark will open the editor for the selected view.

javascript:var frame = $("iframe").filter(function () { return ($(this).css('visibility') == 'visible') }); var form = frame[0].contentWindow; var sel = form.document.getElementsByClassName("ms-crm-List-SelectedRow"); if (sel.length > 0) {var url = ("/designer/view/FD140AAF-4DF4-11DD-BD17-0019B9312238/" + APP_SOLUTION_ID + "#/ViewDesignerCanvas/" + form.getViewId(sel[0].getAttribute("oid"))).replace(/{/g, "").replace(/}/g, ""); form.openStdWin(url, "_blank", 1280, 720);}