# Customer's Canvas On-Premises Docs for LLMs > Documentation for Customer's Canvas On-Premises deployment — Design Editor, Dynamic Image, Preflight, Design Atoms, and UI Framework guides and API references. This file contains links to documentation sections following the llmstxt.org standard. ## Design Editor - [What is Design Editor Web app?](https://customerscanvas.com/docs/on-premises/design-editor.md): Design Editor is an ASP.NET application that provides a user interface for editing designs in a browser. Designs may be created from scratch, loade... - [Editor SDKs](https://customerscanvas.com/docs/on-premises/design-editor/overview.md): Customer's Canvas is not a single application. It consists of multiple services and SDKs that can be used for various web-to-print tasks. The Edito... - [Release notes for Editor SDK](https://customerscanvas.com/docs/on-premises/design-editor/release-notes.md): This topic describes new features and recent improvements in the Editor SDK. For a complete list of bug fixes, see the changelogs. ### Design Editor Web API - [Design Editor Web API](https://customerscanvas.com/docs/on-premises/design-editor/apis.md): Design Editor consists of not only the JavaScript application. It also includes the server-side application that exposes its own REST API. If you u... - [Auth tokens](https://customerscanvas.com/docs/on-premises/design-editor/apis/auth-tokens.md): When you need to send requests from a client, Design Editor uses a token-based approach. It is especially important for the APIs where you are deal... - [Authentication](https://customerscanvas.com/docs/on-premises/design-editor/apis/auth.md): There are two security models used in Design Editor APIs - _API Keys_ and _user tokens_. Both of them are described below in this artile. - [Defining colors](https://customerscanvas.com/docs/on-premises/design-editor/apis/defining-colors.md): When defining colors in Customer's Canvas configuration files or API, you can use the RGB and CMYK color spaces, as well as Lab and spot colors. To... - [Designs and mockups](https://customerscanvas.com/docs/on-premises/design-editor/apis/designs-and-mockups.md): Design Editor provides a Web API to manipulate design and mockup files. This API works based on HTTPS requests and is handled by the... - [Fonts](https://customerscanvas.com/docs/on-premises/design-editor/apis/fonts.md): Design Editor provides a Web API to manage fonts. This API works based on HTTPS requests and is handled by the `Fonts` controller (**~/api/Fonts**)... - [Personalized rendering](https://customerscanvas.com/docs/on-premises/design-editor/apis/personalized-rendering.md): Design Editor provides a Web API to personalize products and render both proof images and hi-res outputs without loading the editor. This API works... - [State files](https://customerscanvas.com/docs/on-premises/design-editor/apis/state-files.md): Learn how to manage state files in Design Editor using the Web API - list, upload, download, delete, and modify state files. - [User uploads](https://customerscanvas.com/docs/on-premises/design-editor/apis/user-uploads.md): When you integrate Design Editor with your application, you may need to manipulate files in the private user gallery. For example, you may want to ... ### Concepts - [Concepts](https://customerscanvas.com/docs/on-premises/design-editor/concepts.md): This section explains the core concepts of Customer's Canvas that the Design Editor relies on: print products, state files, users, data folders, de... - [Data folders](https://customerscanvas.com/docs/on-premises/design-editor/concepts/data-folders.md): The Design Editor creates a separate subfolder for each user whose identifier it has ever been initialized with. The path to the folder where all t... - [Anonymous and demo modes](https://customerscanvas.com/docs/on-premises/design-editor/concepts/demo-mode.md): The Design Editor offers two modes that can be used on public websites: _demonstration_ and _anonymous_. Both modes allow users to customize a prod... - [State files](https://customerscanvas.com/docs/on-premises/design-editor/concepts/state-files.md): A _state file_ is the result of saving all objects loaded in the Design Editor, i.e. its state. A state contains all information on the product, in... - [Text engines](https://customerscanvas.com/docs/on-premises/design-editor/concepts/text-engines.md): The Design Editor supports three text engines: - [Understanding print products](https://customerscanvas.com/docs/on-premises/design-editor/concepts/understanding-print-products.md): From the customer's point of view, the "product" is a print design for a business card, sticker, booklet, or any other printed merchandise the user... - [Users](https://customerscanvas.com/docs/on-premises/design-editor/concepts/users.md): The Design Editor only deals with login sessions once. It needs a way to differentiate uploaded files and personalized products so that a user does... ### IFrame API - [IFrame API](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api.md): This section describes how to configure products and the editor. To change the editor's appearance, use the **clientConfig.json** configuration fil... - [Design Editor IFrame API Changelog](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/changelog.md): This topic includes new features, improvements, and bug fixes for IFrame API 7. - [Icons](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/customization/icons.md): In this article, you can learn how to customize icons in the Design Editor, like replacing them in the Toolbox or Asset manager, for example. - [User interface customization](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/customization.md): Use this section to change how the Design Editor interface looks in your storefront. - [Localization](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/customization/localization.md): Usually, users are most comfortable with interfaces in their native languages. By default, the Design Editor includes localization files for the En... - [Preloader](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/customization/preloader.md): This topic dwells on how to customize the product loading screen in the Design Editor. While a product is loading, there are three moments that may... - [Primary color](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/customization/primary-color.md): This topic dwells on how you can change the primary color of the user interface of the Design Editor. This color is used for the following elements: - [UI themes](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/customization/ui-themes.md): Design Editor supports several visual themes and you can choose between them using the editor's configuration. This topic explains how you can do t... - [Barcodes](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/barcodes.md): The Design Editor allows you to add **QR codes**, **linear barcodes**, and **Data Matrix** to your designs. These elements are useful for encoding ... - [Color picker](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/color-picker.md): When editing product designs, you can change the colors of text and shapes, the fill and outline colors, the background color, and more. The follow... - [Element names](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/element-names.md): The Design Editor allows you to specify a name for every design element being added to the canvas. - [Font list](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/font-list.md): For most print products, providing the user with a decent choice of fonts is key. It is difficult for the user to feel creative (and be inspired en... - [Image editor](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/image-editor.md): The Design Editor has a built-in image editor that allows for manipulating raster images in JPG, PNG, TIF, GIF, and BMP formats. Using the Image Ed... - [Image manager](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/image-manager.md): The image manager, so-called _Asset Manager_ allows you to select images in the Design Editor. This widget supports public and user galleries. You ... - [Editor configuration](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration.md): This section describes the components of the Design Editor interface — the image gallery, image editor, rich text editor, and toolbars. It explains... - [Lists](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/lists.md): In the Design Editor, you can organize text into lists. In the Classic text engine, you will use the RTE to work with formatted text and lists. In ... - [Configuring UI on different pages](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/multipage-config.md): The Design Editor allows for customizing the designer's look and feel in several ways. You can set up: - [Editor config reference](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/reference.md): This topic describes all the parameters that allows you to configure the Design Editor. These parameters are represented in the same way as they de... - [Rich text editor](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/rte.md): Products like books, magazines, booklets, etc. may contain large text areas. Large plain texts are boring, and they make catching the main idea at ... - [Rulers, grids, and snap lines](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/rulers-grids-snaplines.md): When you build an online print product designer for end users who are not computer-savvy, you want to keep the user interface as simple as possible... - [Simple and advanced modes](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/simple-and-advanced-modes.md): By default, the editor opens a product template in simple mode. This mode has limited functionality - the user can only modify predefined text and ... - [Toolbox](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/toolbox.md): The Toolbox appears in the advanced editing mode and contains buttons for adding design elements to products at runtime. The Toolbox may contain bo... - [User interface overview](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/ui-overview.md): In this topic, we will describe the user interface of the Design Editor and discuss how you can customize it. First, you can see how the editor may... - [Warnings](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/editor-configuration/warnings.md): To verify that user designs are valid for printing, you can enable the preflight check in the editor. The Design Editor verifies that the following... - [Amazon S3](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/asset-sources/amazon-s3.md): The Design Editor allows your users to browse and select images from your Amazon S3 account. - [Depositphotos](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/asset-sources/depositphotos.md): The Design Editor allows your users to add assets to their products from remote sources. For example, you can enable the DepositPhotos source in th... - [Facebook](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/asset-sources/facebook.md): You can allow your clients to use their Facebook photos in customized print products. To enable this asset source in Customer's Canvas, you need to... - [Google Drive](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/asset-sources/google-drive.md): Design Editor allows your users to browse images from either your corporate or personal Google Drive account and use these images in user designs. - [Connecting different asset sources to image manager](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/asset-sources.md): The Asset Manager component in the Design Editor allows you to use assets not only from the Customer's Canvas storage but also from external source... - [Instagram](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/asset-sources/instagram.md): You can allow your clients to use their Instagram photos in customized print products. To enable this asset source in Customer's Canvas, you need t... - [Calculating price based on a print area](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/calculating-design-area.md): Normally, in web-to-print solutions, product prices are calculated based on the paper type and size, number of outputs, etc., and do not depend on ... - [Changing product layout](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/change-layout.md): In the context of the Design Editor, a product layout is a PSD file containing text, image placeholders, shapes, and other design elements. Your us... - [Changing product theme](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/change-theme.md): You may want to provide a number of color options and text styles for product templates to your customers. Making separate templates for a single c... - [Configuring copyfitting for new items](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/copyfitting-new-items.md): Your users can add new text elements to the canvas as well as open pre-designed templates. To enable copyfitting for new text elements, you can spe... - [Getting proof images](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/get-proof-images.md): When users approve results of their work, you need to show them proof images displaying customized products. You can find rendering configuration p... - [How to manipulate products in Design Editor](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto.md): Use these step-by-step articles to solve specific tasks with the IFrame API. - [Manipulating design items through JavaScript](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/manipulating-items.md): Starting from version 5, Customer's Canvas provides a set of libraries, which allows you to both create product designs from scratch in the _Design... - [Placing designs in safety areas](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/place-in-safety-area.md): Learn how to define products to allow users to place design elements in placeholders. - [Resizing designs](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/resizing-designs.md): When creating product templates, you may want to support several product sizes. Instead of making many similar templates that only differ in their ... - [Tagging designs](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/tags.md): You may want to tag your products with related details. Design Editor supports two types of these details. First, you can provide them as PDF metad... - [Replacing product pages](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/update-surfaces.md): Learn how to replace products in Design Editor at runtime. - [Populating designs with user info](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/howto/user-info.md): Imagine your user is customizing a series of different products requiring them to enter the same information into the fields. Filling out each prod... - [What is IFrame API JS library?](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/intro.md): The IFrame API (IframeApi.js) a JavaScript library used to load Design Editor frontend application to a specified `