Create Frameless Iframes

Developer
1

API users can now create a frameless browser object in Bluescape workspaces.

To create a frameless browser:

  1. Create a browser object using Rest or GraphQL.

  2. Set the frameless property to true.

  3. In the selected workspace, the browser object does not have the following:

    • Title bar
    • URL bar
    • Element toolbar

Note: The frameless property can only be set when an object is created. The rotation tool and corner resize anchors are hidden for frameless objects. Existing browser elements with the frameless property set to true will not display the Title bar, URL bar, and Element toolbar.

Examples

As a REST curl call:

curl --location --request POST 'https://api.apps.us.bluescape.com/v3/workspaces/{workspaceId}/elements' \
--header 'Content-Type: application/json' \
--header 'Authorization: Bearer <yourToken>' \
--data '{
    "type": "Browser",
    "style":{"frameless":true},
    "transform":{"x":0, "y":0},
    "url": "https://www.bluescape.com/"
}'

As a GraphQL mutation:

endpoint: https://api.apps.us.bluescape.com/v3/graphql
mutation createBrowserExample {
    createBrowser(workspaceId: "I99zElvTnOVZtLISix-D", input: {
        style: {frameless: true},
        transform:{x:0, y:0},
        url: "https://www.bluescape.com/"
    }) {
    id
    }
}
2

@Tom_Garrett looks like there are some formatting issues with the examples

3

@Dmitri_Trembovetski I think I fixed it, if you could confirm please?

1 Like