> For the complete documentation index, see [llms.txt](https://docs.wem.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wem.io/platform/template-editor/general-and-preview.md). # General and preview ![](/files/bBc8KcqczNIS6kYPfHj0) ### ![](/files/qR3FnFCTF1nCYNJ3QZBH)Save The Save button is very important and should always be remembered to use before closing, or when you want to preview the changes that you made. A change made in the template editor it is not immediately implemented and is temporary. When you save your changes, they will be implemented and updated in the preview. So when using the modeler with the preview screen open, you should save after an edit. This will refresh your preview and update to the new changes. On some changes the refresh is not properly triggered and you may need a hard refresh on the preview page by refreshing your browser window. ### ![](/files/mk42LFCiJAvpckPwlhBP)Undo The undo is an obvious must have and will revert changes to the previous state. This will work even after you save your template and as long as you don't close or refresh your browser. ### ![](/files/nZUrOm27aTaxweYuN0A4)Redo When you are still unsure of your changes, or didn't make a mistake after all, a redo button comes in handy. Just like the undo this is remembered in your session and works as long as you do not refresh your page, even after saving. ### ![](/files/F3tQx3YBs3w18xXOKl6N)Go-to node The Go-to button gives you an easy way to navigate back to the Interaction node you are working on. It will open a new tab of the flowchart containing the interaction node. When working on big projects this gives you an easy way to find your node and a way back to the correct flowchart. ### ![](/files/VxVMPuy1KZAFjS2OHUji)Unwrap Unwrap lets you remove a component but keep the content. You select the component you want to remove and use the unwrap node. The selected component will be removed and the content is placed in its location. ### ![](/files/jwYpeEmkvkgcUAOFqetv)Preview Size Preview size is used to simulate different screen-sizes and to get an impression of how your components and widgets react to the screen-sizes. There are four sizes, the large is for desktops with large screens, medium for standard desktop monitors, small for tablets and extra small for phones. You can change size to: * xs (extra small): for mobile screen sizes (screens less than 768px wide) * sm (small): for tablet screen sizes (screens equal to or greater than 768px wide) * md (medium): for small laptops (screens equal to or greater than 992px wide) * lg (large): for laptops and desktops (screens equal to or greater than 1200px wide) * Invisible: you can make a column invisible by clicking on the eye icon --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.wem.io/platform/template-editor/general-and-preview.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.