{"id":1523,"date":"2021-06-10T11:16:05","date_gmt":"2021-06-10T09:16:05","guid":{"rendered":"http:\/\/www.adisra.fr\/?page_id=1523"},"modified":"2022-06-24T09:15:33","modified_gmt":"2022-06-24T07:15:33","slug":"creer-une-template","status":"publish","type":"page","link":"https:\/\/www.adisra.fr\/?page_id=1523","title":{"rendered":"Cr\u00e9er une template"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1523\" class=\"elementor elementor-1523\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54c0a11 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54c0a11\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-78f97e3\" data-id=\"78f97e3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-730c84b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"730c84b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a44e855\" data-id=\"a44e855\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8ef5ed5 elementor-widget elementor-widget-eael-simple-menu\" data-id=\"8ef5ed5\" data-element_type=\"widget\" data-widget_type=\"eael-simple-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div data-hamburger-icon=\"&lt;i aria-hidden=&quot;true&quot; class=&quot;fas fa-bars&quot;&gt;&lt;\/i&gt;\" data-indicator-class=\"fas fa-angle-down\" data-dropdown-indicator-class=\"fas fa-angle-down\" class=\"eael-simple-menu-container eael-simple-menu-align-left eael-simple-menu-dropdown-align-left preset-1\" data-hamburger-breakpoints=\"{&quot;mobile&quot;:&quot;Mobile (&gt; 767px)&quot;,&quot;tablet&quot;:&quot;Tablette (&gt; 1024px)&quot;,&quot;none&quot;:&quot;None&quot;}\" data-hamburger-device=\"tablet\"><ul id=\"menu-templates\" class=\"eael-simple-menu eael-simple-menu-dropdown-animate-to-top eael-simple-menu-indicator eael-simple-menu-vertical\"><li id=\"menu-item-1545\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1545\"><a href=\"https:\/\/www.adisra.fr\/?page_id=1523\" class=\"menu-link\">Cr\u00e9er une template<\/a><\/li>\n<li id=\"menu-item-1544\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1544\"><a href=\"https:\/\/www.adisra.fr\/?page_id=1526\" class=\"menu-link\">Ajouter une template<\/a><\/li>\n<li id=\"menu-item-1543\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1543\"><a href=\"https:\/\/www.adisra.fr\/?page_id=1528\" class=\"menu-link\">Importer et exporter<\/a><\/li>\n<li id=\"menu-item-1619\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1619\"><a href=\"#\" class=\"menu-link\">T\u00e9l\u00e9charger<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-1541\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1541\"><a href=\"https:\/\/www.adisra.fr\/?page_id=1533\" class=\"menu-link\">Jauges<\/a><\/li>\n\t<li id=\"menu-item-1540\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1540\"><a href=\"https:\/\/www.adisra.fr\/?page_id=1535\" class=\"menu-link\">Commutateur<\/a><\/li>\n\t<li id=\"menu-item-1539\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1539\"><a href=\"https:\/\/www.adisra.fr\/?page_id=1537\" class=\"menu-link\">Net control<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-7258952\" data-id=\"7258952\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9131614 elementor-widget elementor-widget-heading\" data-id=\"9131614\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Cr\u00e9ation de mod\u00e8les (templates)<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2176ac2 elementor-widget elementor-widget-text-editor\" data-id=\"2176ac2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Les mod\u00e8les sont cr\u00e9\u00e9s de la m\u00eame mani\u00e8re qu&rsquo;un nouveau graphique, l&rsquo;utilisateur ajoutera des objets au document Mod\u00e8le et l&rsquo;enregistrera en tant que nouvel objet. Comme expliqu\u00e9 dans la Pr\u00e9sentation, les mod\u00e8les peuvent avoir des balises internes, ce qui les rend g\u00e9n\u00e9riques et r\u00e9utilisables. Suivez les \u00e9tapes ci-dessous pour cr\u00e9er un mod\u00e8le simple avec des balises internes \u00e0 partir de z\u00e9ro, ajoutez-le \u00e0 un \u00e9cran graphique, ex\u00e9cutez l&rsquo;application et v\u00e9rifiez le r\u00e9sultat final.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a8ac75 elementor-widget elementor-widget-heading\" data-id=\"4a8ac75\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1. Nouveau mod\u00e8le&nbsp;<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42da70f elementor-widget elementor-widget-text-editor\" data-id=\"42da70f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>La premi\u00e8re \u00e9tape consiste \u00e0 cr\u00e9er un nouveau document mod\u00e8le. Cela peut \u00eatre fait en cliquant avec le bouton droit sur le n\u0153ud Mod\u00e8les dans le projet et en s\u00e9lectionnant \u00ab Nouveau document \u00bb. Les mod\u00e8les peuvent \u00eatre organis\u00e9s en dossiers si n\u00e9cessaire.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd4a62 elementor-widget elementor-widget-image\" data-id=\"1bd4a62\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"471\" height=\"445\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new.png 471w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-300x283.png 300w\" sizes=\"auto, (max-width: 471px) 100vw, 471px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78dcf97 elementor-widget elementor-widget-text-editor\" data-id=\"78dcf97\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Un nouveau mod\u00e8le est cr\u00e9\u00e9 et tous les objets graphiques sont disponibles sur le ruban graphique pour \u00eatre inclus dans ce nouveau mod\u00e8le. Il existe des fonctionnalit\u00e9s importantes dans la zone Mod\u00e8le et la Grille de propri\u00e9t\u00e9s. La zone de mod\u00e8le peut recevoir n&rsquo;importe quel objet graphique disponible dans le ruban sup\u00e9rieur et la grille de propri\u00e9t\u00e9s permet de configurer les balises d&rsquo;objet (similaire aux balises d&rsquo;\u00e9cran). La fonction de balises d&rsquo;objet permet aux mod\u00e8les d&rsquo;\u00eatre g\u00e9n\u00e9riques puisqu&rsquo;ils ne sont pas r\u00e9ellement des balises d&rsquo;application.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cd361b elementor-widget elementor-widget-image\" data-id=\"8cd361b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-1024x614-1.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-1024x614-1.png 1024w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-1024x614-1-300x180.png 300w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-1024x614-1-768x461.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cff8cc elementor-widget elementor-widget-heading\" data-id=\"0cff8cc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. Ajout d'objets au mod\u00e8le<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d66b0b elementor-widget elementor-widget-text-editor\" data-id=\"7d66b0b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Maintenant que nous avons cr\u00e9\u00e9 un mod\u00e8le vide, avan\u00e7ons de quelques \u00e9tapes pour cr\u00e9er l&rsquo;interface du mod\u00e8le. L&rsquo;image ci-dessous montre l&rsquo;interface utilisateur du mod\u00e8le. Ce mod\u00e8le est une jauge bool\u00e9enne anim\u00e9e pour afficher si une balise est vraie ou fausse. Il affichera \u00e9galement une cha\u00eene Titre qui sera d\u00e9finie lorsque le mod\u00e8le est r\u00e9ellement ajout\u00e9 \u00e0 un \u00e9cran.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bd8449 elementor-widget elementor-widget-image\" data-id=\"9bd8449\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-config-1024x657-1.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-config-1024x657-1.png 1024w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-config-1024x657-1-300x192.png 300w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-config-1024x657-1-768x493.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80bc1e4 elementor-widget elementor-widget-text-editor\" data-id=\"80bc1e4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Jusqu&rsquo;\u00e0 pr\u00e9sent, le mod\u00e8le n&rsquo;a aucune animation. Il contient essentiellement des rectangles, des \u00e9tiquettes, un cercle et un polygone dessin\u00e9s comme une fl\u00e8che. Le marqueur central de la fl\u00e8che a \u00e9galement \u00e9t\u00e9 d\u00e9plac\u00e9 au centre du cercle pour lui permettre de passer de l&rsquo;\u00e9tiquette ON \u00e0 l&rsquo;\u00e9tiquette OFF tout en basculant l&rsquo;angle de 0 \u00e0 180. Donnons un meilleur nom au Polygone puisqu&rsquo;il sera utilis\u00e9 plus tard. Cela peut \u00eatre fait en s\u00e9lectionnant l&rsquo;objet et en changeant la propri\u00e9t\u00e9 Name en \u00ab\u00a0Aiguille\u00a0\u00bb.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d575b9a elementor-widget elementor-widget-image\" data-id=\"d575b9a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-needle-1024x657-1.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-needle-1024x657-1.png 1024w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-needle-1024x657-1-300x192.png 300w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-needle-1024x657-1-768x493.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df1121e elementor-widget elementor-widget-heading\" data-id=\"df1121e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Ajout de balises d'objet<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70f1cbf elementor-widget elementor-widget-text-editor\" data-id=\"70f1cbf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Le titre du Template sera un param\u00e8tre et l&rsquo;animation que l&rsquo;on souhaite r\u00e9aliser se fera sur l&rsquo;angle de la fl\u00e8che et elle changera en fonction d&rsquo;une valeur bool\u00e9enne. Nous aurons besoin de 2 balises d&rsquo;objet comme indiqu\u00e9 dans l&rsquo;image ci-dessous<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3e168e3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3e168e3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-881ecfc\" data-id=\"881ecfc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5565b46 elementor-widget elementor-widget-image\" data-id=\"5565b46\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags-1024x657-1.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags-1024x657-1.png 1024w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags-1024x657-1-300x192.png 300w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags-1024x657-1-768x493.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c02ae3c elementor-widget elementor-widget-text-editor\" data-id=\"c02ae3c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Lors de l&rsquo;ajout de balises d&rsquo;objet, un type peut \u00eatre sp\u00e9cifi\u00e9. Il peut s&rsquo;agir d&rsquo;un type de donn\u00e9es, des types de base ou d&rsquo;un type g\u00e9n\u00e9rique (ce qui rend le mod\u00e8le plus puissant)<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-72f4958\" data-id=\"72f4958\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-785056a elementor-widget elementor-widget-image\" data-id=\"785056a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags2-1024x657-1.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags2-1024x657-1.png 1024w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags2-1024x657-1-300x192.png 300w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags2-1024x657-1-768x493.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5345c3 elementor-widget elementor-widget-text-editor\" data-id=\"a5345c3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Deux balises d&rsquo;objet configur\u00e9es. title comme cha\u00eene et val comme bool\u00e9en<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-26f5328 elementor-widget elementor-widget-heading\" data-id=\"26f5328\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. Utilisation des balises d'objet<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cda7969 elementor-widget elementor-widget-text-editor\" data-id=\"cda7969\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Apr\u00e8s avoir cr\u00e9\u00e9 les balises d&rsquo;objet, nous pouvons les utiliser dans les objets. La balise de titre sera ajout\u00e9e \u00e0 l&rsquo;\u00e9tiquette en haut et la balise val sera utilis\u00e9e pour calculer l&rsquo;angle de la fl\u00e8che.<\/p><p>Le jeton # est utilis\u00e9 pour attribuer une balise d&rsquo;objet. D\u00e8s qu&rsquo;il est ajout\u00e9 \u00e0 un script ou \u00e0 un champ qui accepte les balises, ADISRA SmartView affichera une saisie semi-automatique avec toutes les balises d&rsquo;objet disponibles.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c3a450 elementor-widget elementor-widget-image\" data-id=\"6c3a450\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTagTitle-1024x657-1.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTagTitle-1024x657-1.png 1024w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTagTitle-1024x657-1-300x192.png 300w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTagTitle-1024x657-1-768x493.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb3b10a elementor-widget elementor-widget-heading\" data-id=\"cb3b10a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Ajout du #title (titre) \u00e0 la propri\u00e9t\u00e9 Text du label (\u00e9tiquette)<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b47f75 elementor-widget elementor-widget-text-editor\" data-id=\"0b47f75\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Pour animer la jauge, nous allons changer l&rsquo;angle du polygone nomm\u00e9 \u00ab\u00a0Aiguille\u00a0\u00bb de 0 \u00e0 180 \u00e0 chaque fois que la balise #val change de valeur. Les balises d&rsquo;objet permettent de configurer des scripts \u00e0 cette fin. S&rsquo;il vous pla\u00eet jeter un oeil \u00e0 l&rsquo;image ci-dessous.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41d3a64 elementor-widget elementor-widget-image\" data-id=\"41d3a64\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"428\" height=\"540\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags3.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags3.png 428w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-screenTags3-238x300.png 238w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87f8c39 elementor-widget elementor-widget-text-editor\" data-id=\"87f8c39\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Le script On Change mis en \u00e9vidence ci-dessus sera ex\u00e9cut\u00e9 \u00e0 chaque fois que la balise change de valeur. L&rsquo;\u00e9tape suivante consiste \u00e0 \u00e9crire un script c# pour effectuer l&rsquo;animation. D\u00e8s que le bouton On Change est s\u00e9lectionn\u00e9, la bo\u00eete de script sera affich\u00e9e<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c85d761 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c85d761\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-53d7623\" data-id=\"53d7623\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c8e1bc6 elementor-widget elementor-widget-image\" data-id=\"c8e1bc6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"252\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-script.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-script.png 500w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-script-300x151.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-909cad9 elementor-widget elementor-widget-text-editor\" data-id=\"909cad9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><em>Le jeton # affiche les balises d&rsquo;objet disponibles.<\/em><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a865086\" data-id=\"a865086\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-925b55e elementor-widget elementor-widget-text-editor\" data-id=\"925b55e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Le jeton # affiche les balises d&rsquo;objet disponibles. Si #val est vrai, l&rsquo;angle de l&rsquo;aiguille est de 0, sinon il est de 180. Veuillez revoir le script ci-dessous.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b05eaa elementor-widget elementor-widget-text-editor\" data-id=\"0b05eaa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>if (#val)<br \/>{<br \/>Needle.Angle = 0;<br \/>}<br \/>else<br \/>{<br \/>Needle.Angle = 180;<br \/>}<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1184eef elementor-widget elementor-widget-spacer\" data-id=\"1184eef\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4f6c8ba elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f6c8ba\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-69db8e5\" data-id=\"69db8e5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45ff3ce elementor-widget elementor-widget-text-editor\" data-id=\"45ff3ce\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Apr\u00e8s avoir confirm\u00e9 le script, le bouton On Change li\u00e9 \u00e0 la balise #val devient vert indiquant qu&rsquo;il existe un script valide. S&rsquo;il y a une erreur, il devient rouge.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-dde97ff\" data-id=\"dde97ff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-edda00b elementor-widget elementor-widget-image\" data-id=\"edda00b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-logicready-1024x657-1.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-logicready-1024x657-1.png 1024w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-logicready-1024x657-1-300x192.png 300w, https:\/\/www.adisra.fr\/wp-content\/uploads\/2021\/06\/templates-new-document-logicready-1024x657-1-768x493.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cr\u00e9er une template Ajouter une template Importer et exporter T\u00e9l\u00e9charger Jauges Commutateur Net control Cr\u00e9ation de mod\u00e8les (templates) Les mod\u00e8les sont cr\u00e9\u00e9s de la m\u00eame mani\u00e8re qu&rsquo;un nouveau graphique, l&rsquo;utilisateur ajoutera des objets au document Mod\u00e8le et l&rsquo;enregistrera en tant que nouvel objet. Comme expliqu\u00e9 dans la Pr\u00e9sentation, les mod\u00e8les peuvent avoir des balises internes, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.adisra.fr\/?page_id=1523\"> <span class=\"screen-reader-text\">Cr\u00e9er une template<\/span> Lire la suite\u00a0\u00bb<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-1523","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.adisra.fr\/index.php?rest_route=\/wp\/v2\/pages\/1523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adisra.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.adisra.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.adisra.fr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adisra.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1523"}],"version-history":[{"count":23,"href":"https:\/\/www.adisra.fr\/index.php?rest_route=\/wp\/v2\/pages\/1523\/revisions"}],"predecessor-version":[{"id":7657,"href":"https:\/\/www.adisra.fr\/index.php?rest_route=\/wp\/v2\/pages\/1523\/revisions\/7657"}],"wp:attachment":[{"href":"https:\/\/www.adisra.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}