[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"payload:changelog:{\"where[slug][equals]\":\"introducing-container-visual-layers\",\"limit\":\"1\",\"includeMediaDimensions\":\"true\"}":3},{"docs":4,"hasNextPage":19,"hasPrevPage":19,"limit":23,"nextPage":11,"page":23,"pagingCounter":23,"prevPage":11,"totalDocs":23,"totalPages":23,"mediaDimensions":24},[5],{"id":6,"version":7,"date":8,"title":9,"slug":10,"lede":11,"status":12,"highlight":13,"new":14,"improvements":15,"fixes":16,"flags":17,"body":20,"legacyId":21,"updatedAt":22,"createdAt":22},57,"4.1.22","2024-04-22T00:00:00.000Z","Introducing Container Visual Layers","introducing-container-visual-layers",null,"published",{"text":11,"image":11},[],[],[],{"cloud":18,"serverApps":19,"outputPlayer":19,"appUpdateRequired":19},true,false,"## Stack and Container Layers\n\nDid you ever spend too much time aligning layers exactly on the same X-axis, or did you try to clip animations for a nice fly-in effect?\n\nWith the new Stack and Container Layer types you can group and add sub layers in the Visual Designer.\n\n**Container**\n\nThe container creates a simple wrapper around the layers you drag into the Container Layer. This enables you to make more use of grouped animations or visibility conditions instead of manually repeating the same action for every single layer.\n\n**Stack**\n\nThe stack is a Container on steroids, adding extra automatic alignment help for the layers you add to the Stack. With this alignment every sublayer will automatically be aligned in a vertical- or horizontal direction.\n\nCheck out the all-new Visual Designer documentation for more information about [these new layer types](https:\u002F\u002Fdocs.visualradioassist.live\u002Fvisual-designer)!\n\n### Auto- height and width\n\nWith the Text Sized box option from update [Trick: box with color, text sized with padding](https:\u002F\u002Fwww.notion.so\u002F14c560b5326881839f73cbdf1484f79d#14c560b5326881fb8d00f0e3d1f0b578) you could get more creative by automatically sizing the background box in text layer.\n\nWe’ve added this functionality to a more generic level, enabling more layer types to make use of auto sizing, which wraps the layer size boundaries around the layer’s content. Even if this content changes. This is great if you want to use the layer in a dynamic sized Stack, which essentially is a big text-sized box with multiple items then!\n\n### Pixel vs Percent based layer sizing\n\nThe existing layer position and sizing system was always based on a fixed scale for the [Untitled](https:\u002F\u002Fwww.notion.so\u002Fc55ab0c3564e4f18bd5d2fd2265b9cbf). With the introduction of Stacks we’ve added relative sizing to layers as well with “Percent” based width and height.\n\nThis allows Layers to be sized relatively to their parent, for example a Stack with a width of `400px`, which will make a layer with size `50%` essentially `200px` (on canvas, but relative on the real output)\n\n## Cloud Live Improvements\n\nWith the new Cloud Live improvements we made sure that the initial Live connection works in even more network situations.\n\nWe’ve also added a countdown timer for the initial live actions to indicate that the live track is being initialized first before playback.\n\n## API Data Source Links\n\n*   Improved API Data Source Link XML\u002FRSS handling (including support for namespaced data)\n*   The API Data Source Links are now live-tested with feedback when you add them\n*   Browser-live Links support RSS and XML feeds as well\n*   Toggle `enabled` status per Api Data Source\n\n## Other bug fixes and improvements\n\n*   Toggle Studio Onair state from Server Advanced panels\n*   Inactive to Active Output Player state fixes\n*   **Video Switcher vMix** Authorization support\n*   Date time in several video media overviews\n*   Improved Playout Variable editors \u002F upload actions\n*   When Video Media is available locally the **Visual Player** will also buffer from a local source (faster) instead of external Cloud.\n*   Better support for Vector images (**like svg**) in the Visual Designer\n*   Improved Rack close behaviour\n*   Ticker speed improvements\n*   Cloud Live connection recovery fixes to allow nonstop recovery\n*   Output Player Dynamic items (like NPClipAssist) improved buffer sequence, preventing a specific no-play racecondition\n*   Fixed an issue causing logging out errors on some Output pages in the Cloud\n\nhttps:\u002F\u002Fgitlab.com\u002Fvra-bv\u002Fserver-core\u002F-\u002Fcompare\u002Fmain...4.1.21?from\\_project\\_id=28473627&straight=false\n\nhttps:\u002F\u002Fgitlab.com\u002Fvra-bv\u002Fcloud-front\u002F-\u002Fcompare\u002F4.1.18...master?from\\_project\\_id=27196639&straight=false\n\nhttps:\u002F\u002Fgitlab.com\u002Fvra-bv\u002Fcloud-api\u002F-\u002Fcompare\u002F4.1.18...4.1.22?from\\_project\\_id=27196654&straight=false","102","2026-08-10T15:12:40.577Z",1,{}]