{"id":52853,"date":"2023-10-24T15:48:34","date_gmt":"2023-10-24T13:48:34","guid":{"rendered":"https:\/\/www.myscada.org\/?post_type=docs&#038;p=52853"},"modified":"2023-10-24T15:48:34","modified_gmt":"2023-10-24T13:48:34","password":"","slug":"using-javascript-libraries-includes","status":"publish","type":"docs","link":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/","title":{"rendered":"Using JavaScript libraries &#8211; Includes"},"content":{"rendered":"<p style=\"text-align: justify;\">You can easily use your JavaScript libraries in your project. You simply can create your own library or include any JavaScript JavaScript library found on the internet. All the JavaScript resources are included in two folders in your project:<\/p>\n<ul style=\"list-style-type: square;\">\n<li style=\"text-align: justify;\">js \u2013 all JavaScript sources<\/li>\n<li style=\"text-align: justify;\">CSS \u2013 all CSS sources<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">You can directly add all your library files into those two folders. myDESIGNER will find then automatically, and you can use them anywhere in your project.<\/p>\n<p style=\"text-align: justify;\">To work with the JavaScript libraries directly in myDESIGNER, open a view script and navigate to the \u201c<strong>Includes\u201d<\/strong> tab<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg\" alt=\"22.8.1\" width=\"500\" height=\"410\" \/><\/p>\n<p style=\"text-align: justify;\"><span lang=\"EN-US\">Now, let\u2019s look at the details of the Includes window:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.2.jpg\" alt=\"22.8.2\" width=\"400\" height=\"211\" \/><\/p>\n<p style=\"text-align: justify;\">On the left side of the window, you can see all subdirectories. On the right side, you can find all your source files. If you double click on the file, you can edit it easily.<\/p>\n<h3><span style=\"color: #4baddd;\">Selecting JavaScript or CSS<\/span><\/h3>\n<p style=\"text-align: justify;\">First of all, you should choose if you want to work with JavaScript files or with CSS files. To select either of those:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.3.jpg\" alt=\"22.8.3\" width=\"150\" height=\"31\" \/><\/p>\n<h3><span style=\"color: #4baddd;\">New Directory Creation<\/span><\/h3>\n<p style=\"text-align: justify;\">To create a new directory, press the \u201c<strong>New Dir\u201d<\/strong> button.<\/p>\n<h3><span style=\"color: #4baddd;\">Directory Deletion<\/span><\/h3>\n<p style=\"text-align: justify;\">To delete a directory, select it and press the \u201c<strong>Del Dir<\/strong>\u201d button.<\/p>\n<h3><span style=\"color: #4baddd;\">New File Creation<\/span><\/h3>\n<p style=\"text-align: justify;\">To create a new file, press the \u201c<strong>New File<\/strong>\u201d button and give it a name.<\/p>\n<h3><span style=\"color: #4baddd;\">Deleting File<\/span><\/h3>\n<p style=\"text-align: justify;\">To delete a file, select it and press the \u201c<strong>Del File<\/strong>\u201d button.<\/p>\n<p style=\"text-align: justify;\">All JavaScript in the primary folder is automatically loaded in view. In addition, all CSS files in the primary folder are added to your view automatically.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can easily use your JavaScript libraries in your project. You simply can create your own library or include any JavaScript JavaScript library found on the internet. All the JavaScript resources are included in two folders in your project: js \u2013 all JavaScript sources CSS \u2013 all CSS sources You can directly add all your<a class=\"moretag excerpt orangelink\" href=\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":2555,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[325],"doc_tag":[],"class_list":["post-52853","docs","type-docs","status-publish","hentry","doc_category-mydesigner-v8"],"year_month":"2026-04","word_count":250,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Musilda","author_nicename":"musilda","author_url":"https:\/\/amitomation.cz\/en\/author\/musilda\/"},"doc_category_info":[{"term_name":"AMiTDesigner","term_url":"https:\/\/amitomation.cz\/en\/docs-category\/mydesigner-v8\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using JavaScript libraries - Includes - AMiT Automation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using JavaScript libraries - Includes - AMiT Automation\" \/>\n<meta property=\"og:description\" content=\"You can easily use your JavaScript libraries in your project. You simply can create your own library or include any JavaScript JavaScript library found on the internet. All the JavaScript resources are included in two folders in your project: js \u2013 all JavaScript sources CSS \u2013 all CSS sources You can directly add all your[...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/\" \/>\n<meta property=\"og:site_name\" content=\"AMiT Automation\" \/>\n<meta property=\"og:image\" content=\"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/\",\"url\":\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/\",\"name\":\"Using JavaScript libraries - Includes - AMiT Automation\",\"isPartOf\":{\"@id\":\"https:\/\/amitomation.cz\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg\",\"datePublished\":\"2023-10-24T13:48:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#primaryimage\",\"url\":\"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg\",\"contentUrl\":\"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/amitomation.cz\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation\",\"item\":\"https:\/\/amitomation.cz\/en\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Using JavaScript libraries &#8211; Includes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/amitomation.cz\/en\/#website\",\"url\":\"https:\/\/amitomation.cz\/en\/\",\"name\":\"AMiT Automation\",\"description\":\"Czech manufacturer of Control Systems and Industrial Automation Electronics\",\"publisher\":{\"@id\":\"https:\/\/amitomation.cz\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/amitomation.cz\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/amitomation.cz\/en\/#organization\",\"name\":\"AMiT, spol. s r.o.\",\"url\":\"https:\/\/amitomation.cz\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/amitomation.cz\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/amitomation.cz\/wp-content\/uploads\/2017\/07\/amit_automation_100x42.gif\",\"contentUrl\":\"https:\/\/amitomation.cz\/wp-content\/uploads\/2017\/07\/amit_automation_100x42.gif\",\"width\":100,\"height\":42,\"caption\":\"AMiT, spol. s r.o.\"},\"image\":{\"@id\":\"https:\/\/amitomation.cz\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/organization\/10939938\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using JavaScript libraries - Includes - AMiT Automation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/","og_locale":"en_US","og_type":"article","og_title":"Using JavaScript libraries - Includes - AMiT Automation","og_description":"You can easily use your JavaScript libraries in your project. You simply can create your own library or include any JavaScript JavaScript library found on the internet. All the JavaScript resources are included in two folders in your project: js \u2013 all JavaScript sources CSS \u2013 all CSS sources You can directly add all your[...]","og_url":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/","og_site_name":"AMiT Automation","og_image":[{"url":"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/","url":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/","name":"Using JavaScript libraries - Includes - AMiT Automation","isPartOf":{"@id":"https:\/\/amitomation.cz\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#primaryimage"},"image":{"@id":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#primaryimage"},"thumbnailUrl":"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg","datePublished":"2023-10-24T13:48:34+00:00","breadcrumb":{"@id":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#primaryimage","url":"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg","contentUrl":"http:\/\/myscada.org\/downloads\/manuals_image\/img_22.8.1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/amitomation.cz\/en\/documentation\/using-javascript-libraries-includes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/amitomation.cz\/en\/"},{"@type":"ListItem","position":2,"name":"Documentation","item":"https:\/\/amitomation.cz\/en\/documentation\/"},{"@type":"ListItem","position":3,"name":"Using JavaScript libraries &#8211; Includes"}]},{"@type":"WebSite","@id":"https:\/\/amitomation.cz\/en\/#website","url":"https:\/\/amitomation.cz\/en\/","name":"AMiT Automation","description":"Czech manufacturer of Control Systems and Industrial Automation Electronics","publisher":{"@id":"https:\/\/amitomation.cz\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/amitomation.cz\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/amitomation.cz\/en\/#organization","name":"AMiT, spol. s r.o.","url":"https:\/\/amitomation.cz\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/amitomation.cz\/en\/#\/schema\/logo\/image\/","url":"https:\/\/amitomation.cz\/wp-content\/uploads\/2017\/07\/amit_automation_100x42.gif","contentUrl":"https:\/\/amitomation.cz\/wp-content\/uploads\/2017\/07\/amit_automation_100x42.gif","width":100,"height":42,"caption":"AMiT, spol. s r.o."},"image":{"@id":"https:\/\/amitomation.cz\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/organization\/10939938\/"]}]}},"_links":{"self":[{"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/docs\/52853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/users\/2555"}],"replies":[{"embeddable":true,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/comments?post=52853"}],"version-history":[{"count":1,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/docs\/52853\/revisions"}],"predecessor-version":[{"id":53591,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/docs\/52853\/revisions\/53591"}],"wp:attachment":[{"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/media?parent=52853"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/doc_category?post=52853"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/amitomation.cz\/en\/wp-json\/wp\/v2\/doc_tag?post=52853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}