<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="es">
	<id>https://wiki.kiconex.com/index.php?action=history&amp;feed=atom&amp;title=Diagrams</id>
	<title>Diagrams - Historial de revisiones</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.kiconex.com/index.php?action=history&amp;feed=atom&amp;title=Diagrams"/>
	<link rel="alternate" type="text/html" href="https://wiki.kiconex.com/index.php?title=Diagrams&amp;action=history"/>
	<updated>2026-09-01T06:14:25Z</updated>
	<subtitle>Historial de revisiones de esta página en la wiki</subtitle>
	<generator>MediaWiki 1.46.0</generator>
	<entry>
		<id>https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7546&amp;oldid=prev</id>
		<title>Bruiz: imágenes añadidas</title>
		<link rel="alternate" type="text/html" href="https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7546&amp;oldid=prev"/>
		<updated>2026-07-21T10:31:24Z</updated>

		<summary type="html">&lt;p&gt;imágenes añadidas&lt;/p&gt;
&lt;a href=&quot;https://wiki.kiconex.com/index.php?title=Diagrams&amp;amp;diff=7546&amp;amp;oldid=7541&quot;&gt;Mostrar los cambios&lt;/a&gt;</summary>
		<author><name>Bruiz</name></author>
	</entry>
	<entry>
		<id>https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7541&amp;oldid=prev</id>
		<title>Bruiz: /* Diagramas en Cloud kiconex */</title>
		<link rel="alternate" type="text/html" href="https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7541&amp;oldid=prev"/>
		<updated>2026-07-21T09:56:47Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;Diagramas en Cloud kiconex&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw-interface=&quot;&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;es&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Revisión anterior&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revisión del 11:56 21 jul 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l90&quot;&gt;Línea 90:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Línea 90:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Mostrar&amp;#039;&amp;#039;&amp;#039; en modo presentación.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Mostrar&amp;#039;&amp;#039;&amp;#039; en modo presentación.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Duración&amp;#039;&amp;#039;&amp;#039; de la capa en segundos durante la presentación.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Duración&amp;#039;&amp;#039;&amp;#039; de la capa en segundos durante la presentación.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Archivo:Diagramas 02.png|centro|miniaturadeimagen|800x800px|Añadir una capa.]]&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l123&quot;&gt;Línea 123:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Línea 122:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;La pestaña &amp;#039;&amp;#039;&amp;#039;Diagrama&amp;#039;&amp;#039;&amp;#039; contiene el lienzo, el panel de capas y la barra de herramientas.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;La pestaña &amp;#039;&amp;#039;&amp;#039;Diagrama&amp;#039;&amp;#039;&amp;#039; contiene el lienzo, el panel de capas y la barra de herramientas.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Archivo:Diagramas 02.png|centro|miniaturadeimagen|800x800px|Vista general del editor con panel de capas, barra de herramientas y lienzo.]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Los elementos pueden desplazarse libremente arrastrándolos por el lienzo. La cuadrícula es únicamente una referencia visual: no alinea ni ajusta automáticamente los objetos.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Los elementos pueden desplazarse libremente arrastrándolos por el lienzo. La cuadrícula es únicamente una referencia visual: no alinea ni ajusta automáticamente los objetos.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Bruiz</name></author>
	</entry>
	<entry>
		<id>https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7540&amp;oldid=prev</id>
		<title>Bruiz en 09:55 21 jul 2026</title>
		<link rel="alternate" type="text/html" href="https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7540&amp;oldid=prev"/>
		<updated>2026-07-21T09:55:55Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw-interface=&quot;&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;es&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Revisión anterior&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revisión del 11:55 21 jul 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l21&quot;&gt;Línea 21:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Línea 21:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Ejecutar varios comandos mediante un botón multiacción.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Ejecutar varios comandos mediante un botón multiacción.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Crear vistas adaptadas a supervisión, operación o presentación.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Crear vistas adaptadas a supervisión, operación o presentación.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* Exportar una capa como imagen PNG o SVG.&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;div style=&amp;quot;border-left:5px solid #36c; background:#eaf3ff; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;div style=&amp;quot;border-left:5px solid #36c; background:#eaf3ff; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l60&quot;&gt;Línea 60:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Línea 59:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Añada los elementos necesarios al lienzo.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Añada los elementos necesarios al lienzo.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Pulse &amp;#039;&amp;#039;&amp;#039;Guardar&amp;#039;&amp;#039;&amp;#039;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Pulse &amp;#039;&amp;#039;&amp;#039;Guardar&amp;#039;&amp;#039;&amp;#039;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;El propietario se asigna automáticamente al usuario que crea el diagrama. Un administrador o el propio propietario pueden cambiarlo posteriormente mediante la opción &#039;&#039;&#039;Mover&#039;&#039;&#039;.&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Configuración general ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Configuración general ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l73&quot;&gt;Línea 73:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Línea 70:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Tamaño del lienzo&amp;#039;&amp;#039;&amp;#039;: permite seleccionar medidas predefinidas desde 800 × 600 hasta 1920 × 1080 píxeles.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Tamaño del lienzo&amp;#039;&amp;#039;&amp;#039;: permite seleccionar medidas predefinidas desde 800 × 600 hasta 1920 × 1080 píxeles.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Orientación&amp;#039;&amp;#039;&amp;#039;: vertical u horizontal.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Orientación&amp;#039;&amp;#039;&amp;#039;: vertical u horizontal.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Archivo&lt;/ins&gt;:&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Diagramas 01&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;png|centro|miniaturadeimagen|800x800px|Vista &lt;/ins&gt;de &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;la pestaña General&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;En el selector de orientación, el control desactivado corresponde a la orientación vertical y el control activado corresponde a la orientación horizontal.&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;!-- Captura actual aportada por el usuario&lt;/del&gt;: &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;configuración general de un diagrama&lt;/del&gt;. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Pendiente &lt;/del&gt;de &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;subir y enlazar&lt;/del&gt;. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;--&amp;gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;div style=&amp;quot;border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;div style=&amp;quot;border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l86&quot;&gt;Línea 86:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Línea 80:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Capas del diagrama ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Capas del diagrama ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Un diagrama está formado por una o varias &#039;&#039;&#039;capas&#039;&#039;&#039;. Cada capa funciona como una página independiente con sus propios elementos y color de fondo.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Un diagrama está formado por una o varias &#039;&#039;&#039;capas&#039;&#039;&#039;. Cada capa funciona como una página independiente con sus propios elementos y color de fondo. Todo diagrama debe tener una única &#039;&#039;&#039;capa principal&#039;&#039;&#039;. Esta es la capa que se muestra al abrir el diagrama.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Todo diagrama debe tener una única &#039;&#039;&#039;capa principal&#039;&#039;&#039;. Esta es la capa que se muestra al abrir el diagrama.&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Añadir una capa ===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Añadir una capa ===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;El botón grande &#039;&#039;&#039;+&#039;&#039;&#039; del panel lateral es la &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;única &lt;/del&gt;opción para crear una capa nueva.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;El botón grande &#039;&#039;&#039;+&#039;&#039;&#039; del panel lateral es la opción para crear una capa nueva. Al añadirla pueden configurarse:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Al añadirla pueden configurarse:&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Nombre de la capa&amp;#039;&amp;#039;&amp;#039;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Nombre de la capa&amp;#039;&amp;#039;&amp;#039;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l100&quot;&gt;Línea 100:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Línea 90:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Mostrar&amp;#039;&amp;#039;&amp;#039; en modo presentación.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Mostrar&amp;#039;&amp;#039;&amp;#039; en modo presentación.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Duración&amp;#039;&amp;#039;&amp;#039; de la capa en segundos durante la presentación.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Duración&amp;#039;&amp;#039;&amp;#039; de la capa en segundos durante la presentación.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Archivo:Diagramas 02.png|centro|miniaturadeimagen|800x800px|Añadir una capa.]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;!-- Captura actual aportada por el usuario: ventana Añadir capa. Pendiente de subir y enlazar. --&amp;gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Al pulsar una miniatura del panel lateral, el editor cambia inmediatamente a esa capa.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Al pulsar una miniatura del panel lateral, el editor cambia inmediatamente a esa capa.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l133&quot;&gt;Línea 133:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Línea 123:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;La pestaña &amp;#039;&amp;#039;&amp;#039;Diagrama&amp;#039;&amp;#039;&amp;#039; contiene el lienzo, el panel de capas y la barra de herramientas.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;La pestaña &amp;#039;&amp;#039;&amp;#039;Diagrama&amp;#039;&amp;#039;&amp;#039; contiene el lienzo, el panel de capas y la barra de herramientas.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;!-- Captura actual aportada por el usuario: vista general del editor con panel de capas, barra de herramientas y lienzo. Pendiente de subir y enlazar. --&amp;gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Los elementos pueden desplazarse libremente arrastrándolos por el lienzo. La cuadrícula es únicamente una referencia visual: no alinea ni ajusta automáticamente los objetos.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Los elementos pueden desplazarse libremente arrastrándolos por el lienzo. La cuadrícula es únicamente una referencia visual: no alinea ni ajusta automáticamente los objetos.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Bruiz</name></author>
	</entry>
	<entry>
		<id>https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7537&amp;oldid=prev</id>
		<title>Bruiz: Bruiz trasladó la página BorradoresIA/Diagrams a Diagrams sin dejar una redirección: rehecha</title>
		<link rel="alternate" type="text/html" href="https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7537&amp;oldid=prev"/>
		<updated>2026-07-21T08:01:26Z</updated>

		<summary type="html">&lt;p&gt;Bruiz trasladó la página &lt;a href=&quot;/index.php?title=BorradoresIA/Diagrams&amp;amp;action=edit&amp;amp;redlink=1&quot; class=&quot;new&quot; title=&quot;BorradoresIA/Diagrams (la página no existe)&quot;&gt;BorradoresIA/Diagrams&lt;/a&gt; a &lt;a href=&quot;/index.php?title=Diagrams&quot; title=&quot;Diagrams&quot;&gt;Diagrams&lt;/a&gt; sin dejar una redirección: rehecha&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw-interface=&quot;&quot;&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;es&quot;&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Revisión anterior&lt;/td&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revisión del 10:01 21 jul 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-notice&quot; lang=&quot;es&quot;&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(Sin diferencias)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
		<author><name>Bruiz</name></author>
	</entry>
	<entry>
		<id>https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7536&amp;oldid=prev</id>
		<title>Kiconex: Reescritura completa de la página de diagramas con la interfaz y funcionamiento actuales, siguiendo la estructura editorial de Graphics.</title>
		<link rel="alternate" type="text/html" href="https://wiki.kiconex.com/index.php?title=Diagrams&amp;diff=7536&amp;oldid=prev"/>
		<updated>2026-07-21T07:56:44Z</updated>

		<summary type="html">&lt;p&gt;Reescritura completa de la página de diagramas con la interfaz y funcionamiento actuales, siguiendo la estructura editorial de Graphics.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Página nueva&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{DISPLAYTITLE:Diagramas en Cloud kiconex}}&lt;br /&gt;
&lt;br /&gt;
= Diagramas en Cloud kiconex =&lt;br /&gt;
&lt;br /&gt;
Los &amp;#039;&amp;#039;&amp;#039;diagramas&amp;#039;&amp;#039;&amp;#039; permiten crear vistas visuales de una instalación en &amp;#039;&amp;#039;&amp;#039;Cloud kiconex&amp;#039;&amp;#039;&amp;#039;. En un mismo lienzo pueden combinarse imágenes, parámetros, valores en tiempo real, botones, textos y acciones de navegación.&lt;br /&gt;
&lt;br /&gt;
Un diagrama puede utilizarse como sinóptico de una instalación, como panel de supervisión o como interfaz simplificada para consultar información y ejecutar acciones sobre controles, siempre que el usuario tenga los permisos necesarios.&lt;br /&gt;
&lt;br /&gt;
__TOC__&lt;br /&gt;
&lt;br /&gt;
== Para qué sirven ==&lt;br /&gt;
&lt;br /&gt;
Los diagramas sirven para representar de forma visual el estado y el funcionamiento de una o varias instalaciones.&lt;br /&gt;
&lt;br /&gt;
Pueden utilizarse para:&lt;br /&gt;
&lt;br /&gt;
* Mostrar valores y estados de parámetros en tiempo real.&lt;br /&gt;
* Representar una instalación sobre un plano, esquema o imagen de fondo.&lt;br /&gt;
* Navegar entre capas, diagramas, instalaciones, controles o gráficas.&lt;br /&gt;
* Introducir y enviar valores a parámetros configurables.&lt;br /&gt;
* Ejecutar varios comandos mediante un botón multiacción.&lt;br /&gt;
* Crear vistas adaptadas a supervisión, operación o presentación.&lt;br /&gt;
* Exportar una capa como imagen PNG o SVG.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;border-left:5px solid #36c; background:#eaf3ff; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Información&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
La información y las acciones disponibles en un diagrama dependen de los permisos del usuario sobre el propio diagrama, las instalaciones y los controles relacionados.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Dónde se encuentran ==&lt;br /&gt;
&lt;br /&gt;
Los diagramas se encuentran dentro de cada [[Facilities|instalación]].&lt;br /&gt;
&lt;br /&gt;
Para acceder:&lt;br /&gt;
&lt;br /&gt;
# Abra la instalación correspondiente.&lt;br /&gt;
# Entre en la sección &amp;#039;&amp;#039;&amp;#039;Diagramas&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Seleccione un diagrama existente o cree uno nuevo.&lt;br /&gt;
&lt;br /&gt;
En el listado pueden aparecer las siguientes acciones, según los permisos del usuario:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Ver&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Editar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Duplicar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Mover&amp;#039;&amp;#039;&amp;#039;, para cambiar el propietario.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Asignar permisos&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Eliminar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
Un diagrama puede editarse desde el menú contextual del listado o mediante el icono de edición disponible al abrirlo.&lt;br /&gt;
&lt;br /&gt;
== Crear un diagrama ==&lt;br /&gt;
&lt;br /&gt;
Para crear un diagrama:&lt;br /&gt;
&lt;br /&gt;
# Acceda a la sección &amp;#039;&amp;#039;&amp;#039;Diagramas&amp;#039;&amp;#039;&amp;#039; de la instalación.&lt;br /&gt;
# Pulse el botón &amp;#039;&amp;#039;&amp;#039;+&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Complete la configuración general.&lt;br /&gt;
# Cree o configure la capa principal.&lt;br /&gt;
# Añada los elementos necesarios al lienzo.&lt;br /&gt;
# Pulse &amp;#039;&amp;#039;&amp;#039;Guardar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
El propietario se asigna automáticamente al usuario que crea el diagrama. Un administrador o el propio propietario pueden cambiarlo posteriormente mediante la opción &amp;#039;&amp;#039;&amp;#039;Mover&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
== Configuración general ==&lt;br /&gt;
&lt;br /&gt;
La pestaña &amp;#039;&amp;#039;&amp;#039;General&amp;#039;&amp;#039;&amp;#039; permite definir los datos y el formato del diagrama.&lt;br /&gt;
&lt;br /&gt;
Los campos disponibles son:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Nombre&amp;#039;&amp;#039;&amp;#039;: obligatorio.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Descripción&amp;#039;&amp;#039;&amp;#039;: opcional.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Tamaño del lienzo&amp;#039;&amp;#039;&amp;#039;: permite seleccionar medidas predefinidas desde 800 × 600 hasta 1920 × 1080 píxeles.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Orientación&amp;#039;&amp;#039;&amp;#039;: vertical u horizontal.&lt;br /&gt;
&lt;br /&gt;
En el selector de orientación, el control desactivado corresponde a la orientación vertical y el control activado corresponde a la orientación horizontal.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: configuración general de un diagrama. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Importante&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
Si se cambia el tamaño o la orientación después de colocar los elementos, Cloud kiconex intenta ajustar el contenido, pero algunos objetos pueden quedar fuera del área visible. Revise todas las capas antes de guardar.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Capas del diagrama ==&lt;br /&gt;
&lt;br /&gt;
Un diagrama está formado por una o varias &amp;#039;&amp;#039;&amp;#039;capas&amp;#039;&amp;#039;&amp;#039;. Cada capa funciona como una página independiente con sus propios elementos y color de fondo.&lt;br /&gt;
&lt;br /&gt;
Todo diagrama debe tener una única &amp;#039;&amp;#039;&amp;#039;capa principal&amp;#039;&amp;#039;&amp;#039;. Esta es la capa que se muestra al abrir el diagrama.&lt;br /&gt;
&lt;br /&gt;
=== Añadir una capa ===&lt;br /&gt;
&lt;br /&gt;
El botón grande &amp;#039;&amp;#039;&amp;#039;+&amp;#039;&amp;#039;&amp;#039; del panel lateral es la única opción para crear una capa nueva.&lt;br /&gt;
&lt;br /&gt;
Al añadirla pueden configurarse:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Nombre de la capa&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Capa principal&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Mostrar&amp;#039;&amp;#039;&amp;#039; en modo presentación.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Duración&amp;#039;&amp;#039;&amp;#039; de la capa en segundos durante la presentación.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: ventana Añadir capa. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Al pulsar una miniatura del panel lateral, el editor cambia inmediatamente a esa capa.&lt;br /&gt;
&lt;br /&gt;
=== Gestionar las capas ===&lt;br /&gt;
&lt;br /&gt;
Al hacer clic derecho sobre una capa aparecen las siguientes opciones:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Editar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Duplicar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Mover arriba&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Mover abajo&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Eliminar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
El orden de las capas determina su posición en el panel lateral y el recorrido utilizado en el modo presentación.&lt;br /&gt;
&lt;br /&gt;
=== Configurar el modo presentación ===&lt;br /&gt;
&lt;br /&gt;
El modo presentación recorre automáticamente las capas que tengan activada la opción &amp;#039;&amp;#039;&amp;#039;Mostrar&amp;#039;&amp;#039;&amp;#039;. Cada capa permanece visible durante la duración configurada en segundos.&lt;br /&gt;
&lt;br /&gt;
Para incluir una capa en la presentación:&lt;br /&gt;
&lt;br /&gt;
# Haga clic derecho sobre la capa.&lt;br /&gt;
# Seleccione &amp;#039;&amp;#039;&amp;#039;Editar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Active &amp;#039;&amp;#039;&amp;#039;Configuración para presentación → Mostrar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Indique la duración en segundos.&lt;br /&gt;
# Guarde la capa y el diagrama.&lt;br /&gt;
&lt;br /&gt;
== Editor del diagrama ==&lt;br /&gt;
&lt;br /&gt;
La pestaña &amp;#039;&amp;#039;&amp;#039;Diagrama&amp;#039;&amp;#039;&amp;#039; contiene el lienzo, el panel de capas y la barra de herramientas.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: vista general del editor con panel de capas, barra de herramientas y lienzo. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Los elementos pueden desplazarse libremente arrastrándolos por el lienzo. La cuadrícula es únicamente una referencia visual: no alinea ni ajusta automáticamente los objetos.&lt;br /&gt;
&lt;br /&gt;
Solo puede seleccionarse un elemento cada vez. Su tamaño no se modifica directamente desde el lienzo, sino desde la ventana de edición del propio elemento.&lt;br /&gt;
&lt;br /&gt;
Cloud kiconex no dispone de opciones para deshacer o rehacer cambios dentro del editor.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Importante&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
Los cambios del editor no se guardan automáticamente. Pulse &amp;#039;&amp;#039;&amp;#039;Guardar&amp;#039;&amp;#039;&amp;#039; antes de salir. Si intenta abandonar la edición con cambios pendientes, Cloud kiconex muestra un aviso.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Barra de herramientas ==&lt;br /&gt;
&lt;br /&gt;
La barra de herramientas permite añadir y configurar el contenido de la capa activa.&lt;br /&gt;
&lt;br /&gt;
Los iconos, de izquierda a derecha, son:&lt;br /&gt;
&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Añadir imagen&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Añadir parámetros&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Añadir botón&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Añadir objeto&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Añadir texto&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Cambiar color de fondo&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Añadir botón multiacción&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Exportar a PNG&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Exportar a SVG&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Mostrar u ocultar la cuadrícula&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
== Añadir una imagen ==&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Añadir imagen&amp;#039;&amp;#039;&amp;#039; permite subir una imagen y ajustar su tamaño de forma proporcional.&lt;br /&gt;
&lt;br /&gt;
Cloud kiconex admite los formatos reconocidos por el navegador como imagen. El tamaño máximo admitido es de 100 MB, aunque se recomienda utilizar archivos de hasta 2 MB para evitar tiempos de carga elevados.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: ventana Añadir imagen. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Una imagen puede utilizarse como elemento independiente o ampliarse para ocupar el lienzo y servir como base visual del diagrama. Una práctica habitual es preparar previamente un plano o diseño en un editor gráfico, subirlo como imagen y colocar encima los parámetros y botones de Cloud kiconex.&lt;br /&gt;
&lt;br /&gt;
== Añadir parámetros ==&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Añadir parámetros&amp;#039;&amp;#039;&amp;#039; permite mostrar información de uno o varios parámetros y definir qué ocurre cuando el usuario pulsa sobre su área.&lt;br /&gt;
&lt;br /&gt;
La configuración se divide en las pestañas &amp;#039;&amp;#039;&amp;#039;Parámetros&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Forma&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Texto&amp;#039;&amp;#039;&amp;#039; y &amp;#039;&amp;#039;&amp;#039;Acción&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
=== Seleccionar los parámetros ===&lt;br /&gt;
&lt;br /&gt;
En la pestaña &amp;#039;&amp;#039;&amp;#039;Parámetros&amp;#039;&amp;#039;&amp;#039;:&lt;br /&gt;
&lt;br /&gt;
# Seleccione una instalación. La instalación actual aparece seleccionada inicialmente, pero puede elegirse otra instalación accesible.&lt;br /&gt;
# Seleccione un control.&lt;br /&gt;
# Seleccione uno o varios parámetros.&lt;br /&gt;
&lt;br /&gt;
En un mismo elemento pueden seleccionarse varios parámetros, siempre que pertenezcan a la misma instalación y al mismo control.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: pestaña Parámetros. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Configurar el icono ===&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Mostrar icono&amp;#039;&amp;#039;&amp;#039; permite decidir si el elemento presenta el icono asociado al parámetro.&lt;br /&gt;
&lt;br /&gt;
El icono procede de la librería del control. Cuando el parámetro es una variable de estado y sus metadatos tienen iconos asociados, el icono puede cambiar dinámicamente según el valor recibido.&lt;br /&gt;
&lt;br /&gt;
Puede configurarse:&lt;br /&gt;
&lt;br /&gt;
* Ancho y alto del icono.&lt;br /&gt;
* Posición X e Y dentro del elemento.&lt;br /&gt;
* Orientación entre −180° y 180°.&lt;br /&gt;
&lt;br /&gt;
=== Configurar la forma ===&lt;br /&gt;
&lt;br /&gt;
La pestaña &amp;#039;&amp;#039;&amp;#039;Forma&amp;#039;&amp;#039;&amp;#039; define el área del elemento y su zona pulsable.&lt;br /&gt;
&lt;br /&gt;
Permite configurar:&lt;br /&gt;
&lt;br /&gt;
* Altura.&lt;br /&gt;
* Ancho.&lt;br /&gt;
* Radio de las esquinas.&lt;br /&gt;
* Color.&lt;br /&gt;
&lt;br /&gt;
El radio controla el redondeo de las esquinas.&lt;br /&gt;
&lt;br /&gt;
=== Configurar el texto ===&lt;br /&gt;
&lt;br /&gt;
La pestaña &amp;#039;&amp;#039;&amp;#039;Texto&amp;#039;&amp;#039;&amp;#039; permite introducir un texto personalizado y controlar la información visible.&lt;br /&gt;
&lt;br /&gt;
Puede configurarse:&lt;br /&gt;
&lt;br /&gt;
* Color del texto.&lt;br /&gt;
* Mostrar u ocultar el valor actual del parámetro.&lt;br /&gt;
* Posición X e Y del valor.&lt;br /&gt;
* Tamaño del valor.&lt;br /&gt;
* Mostrar u ocultar el nombre del parámetro.&lt;br /&gt;
* Posición X e Y del nombre.&lt;br /&gt;
* Tamaño del nombre.&lt;br /&gt;
&lt;br /&gt;
El &amp;#039;&amp;#039;&amp;#039;valor&amp;#039;&amp;#039;&amp;#039; es la lectura actual del parámetro. El &amp;#039;&amp;#039;&amp;#039;nombre&amp;#039;&amp;#039;&amp;#039; es la denominación configurada para ese parámetro.&lt;br /&gt;
&lt;br /&gt;
=== Configurar una acción ===&lt;br /&gt;
&lt;br /&gt;
La acción es opcional y se ejecuta al pulsar sobre el área del elemento durante la visualización del diagrama.&lt;br /&gt;
&lt;br /&gt;
Las acciones disponibles son:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Cambiar de capa&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Cargar diagrama&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Cargar instalación&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Cargar control&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Link externo&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Visualizar gráfica&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Acción del parámetro&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Visualizar gráfica&amp;#039;&amp;#039;&amp;#039; abre una gráfica de la instalación seleccionada a la que el usuario tenga acceso. No abre automáticamente el histórico del parámetro representado en el elemento.&lt;br /&gt;
&lt;br /&gt;
Para utilizar &amp;#039;&amp;#039;&amp;#039;Link externo&amp;#039;&amp;#039;&amp;#039;, introduzca la dirección completa, incluido el protocolo, por ejemplo `https://`.&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Acción del parámetro&amp;#039;&amp;#039;&amp;#039; se utiliza con parámetros que admiten escritura. Al pulsar el elemento, Cloud kiconex abre una ventana para introducir un valor y confirmarlo antes de enviarlo al control. Puede utilizarse, por ejemplo, para modificar una consigna, un tiempo de retardo, un ajuste o un valor de calibración.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Importante&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
El envío del valor depende de los permisos del usuario sobre el control y de que el parámetro admita escritura. Revise el valor antes de confirmarlo.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Para más información sobre parámetros y consignas, consulte [[Controls: Comandos, consignas y parámetros|Comandos, consignas y parámetros de un control]].&lt;br /&gt;
&lt;br /&gt;
== Añadir un botón ==&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Añadir botón&amp;#039;&amp;#039;&amp;#039; crea un área pulsable para realizar acciones de navegación.&lt;br /&gt;
&lt;br /&gt;
Su configuración se divide en:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Forma&amp;#039;&amp;#039;&amp;#039;: altura, ancho, radio y color.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Texto&amp;#039;&amp;#039;&amp;#039;: contenido, tamaño y color.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Acción&amp;#039;&amp;#039;&amp;#039;: acción y destino.&lt;br /&gt;
&lt;br /&gt;
El área completa de la forma actúa como zona pulsable.&lt;br /&gt;
&lt;br /&gt;
Los botones admiten las mismas acciones que los elementos de parámetro, excepto &amp;#039;&amp;#039;&amp;#039;Acción del parámetro&amp;#039;&amp;#039;&amp;#039;. Por tanto, un botón puede cambiar de capa, abrir otro diagrama, cargar una instalación o un control, abrir un enlace externo o visualizar una gráfica.&lt;br /&gt;
&lt;br /&gt;
Un botón normal no ejecuta comandos sobre controles. Para enviar un valor utilice un elemento de parámetro. Para ejecutar varios comandos utilice un botón multiacción.&lt;br /&gt;
&lt;br /&gt;
== Añadir un objeto ==&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Añadir objeto&amp;#039;&amp;#039;&amp;#039; crea una forma decorativa que puede contener texto.&lt;br /&gt;
&lt;br /&gt;
Permite configurar:&lt;br /&gt;
&lt;br /&gt;
* Altura y ancho.&lt;br /&gt;
* Radio de las esquinas.&lt;br /&gt;
* Color.&lt;br /&gt;
* Texto, tamaño y color del texto.&lt;br /&gt;
&lt;br /&gt;
El texto es opcional, por lo que el objeto puede utilizarse únicamente como forma visual. Los objetos no admiten acciones.&lt;br /&gt;
&lt;br /&gt;
== Añadir texto ==&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Añadir texto&amp;#039;&amp;#039;&amp;#039; crea una etiqueta informativa de una sola línea.&lt;br /&gt;
&lt;br /&gt;
Puede configurarse el contenido, el tamaño y el color. El texto no admite acciones.&lt;br /&gt;
&lt;br /&gt;
== Cambiar el color de fondo ==&lt;br /&gt;
&lt;br /&gt;
El selector de fondo permite configurar el color y la opacidad de la capa activa.&lt;br /&gt;
&lt;br /&gt;
La barra superior del selector controla el color y la barra inferior controla la opacidad.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: selector de color y opacidad. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
El fondo se aplica únicamente a la capa seleccionada.&lt;br /&gt;
&lt;br /&gt;
== Añadir un botón multiacción ==&lt;br /&gt;
&lt;br /&gt;
Un &amp;#039;&amp;#039;&amp;#039;botón multiacción&amp;#039;&amp;#039;&amp;#039; permite enviar varios comandos desde un único elemento.&lt;br /&gt;
&lt;br /&gt;
Su configuración se divide en las pestañas:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Forma&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Texto&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Imagen&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Multiacción&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
=== Forma, texto e imagen ===&lt;br /&gt;
&lt;br /&gt;
La forma permite configurar altura, ancho, radio y color.&lt;br /&gt;
&lt;br /&gt;
En la pestaña de texto pueden definirse el contenido, el color, la posición y el tamaño. La opción &amp;#039;&amp;#039;&amp;#039;Mostrar texto&amp;#039;&amp;#039;&amp;#039; permite ocultarlo sin eliminar la configuración.&lt;br /&gt;
&lt;br /&gt;
La imagen es opcional. Al añadirla, puede utilizarse como representación visual del propio botón y configurar su posición X, posición Y y tamaño.&lt;br /&gt;
&lt;br /&gt;
=== Añadir comandos ===&lt;br /&gt;
&lt;br /&gt;
En la pestaña &amp;#039;&amp;#039;&amp;#039;Multiacción&amp;#039;&amp;#039;&amp;#039;:&lt;br /&gt;
&lt;br /&gt;
# Seleccione una instalación.&lt;br /&gt;
# Seleccione un control.&lt;br /&gt;
# Seleccione un comando.&lt;br /&gt;
# Pulse &amp;#039;&amp;#039;&amp;#039;Añadir&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Repita el proceso para incorporar más comandos.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: lista y selección de comandos del botón multiacción. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Un mismo botón puede reunir comandos de instalaciones y controles diferentes.&lt;br /&gt;
&lt;br /&gt;
Cloud kiconex envía los comandos siguiendo el orden mostrado, sin esperar a que termine uno para enviar el siguiente. Si uno falla, los demás continúan ejecutándose.&lt;br /&gt;
&lt;br /&gt;
Los comandos no pueden reordenarse directamente. Para cambiar su posición debe eliminarse el comando y añadirse de nuevo en el orden deseado.&lt;br /&gt;
&lt;br /&gt;
No existe un límite técnico establecido, pero se recomienda no superar aproximadamente 20 comandos en un mismo botón y agrupar únicamente acciones relacionadas.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Importante&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
El botón multiacción no solicita confirmación antes de enviar los comandos. El usuario debe tener permisos de ejecución sobre todos los controles implicados.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Gestionar los elementos del lienzo ==&lt;br /&gt;
&lt;br /&gt;
Al hacer clic derecho sobre cualquier elemento aparece el mismo menú contextual.&lt;br /&gt;
&lt;br /&gt;
Las opciones disponibles son:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Editar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Duplicar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Organizar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Bloquear&amp;#039;&amp;#039;&amp;#039; o &amp;#039;&amp;#039;&amp;#039;Desbloquear&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Eliminar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: menú contextual de un elemento. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Duplicar ===&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Duplicar&amp;#039;&amp;#039;&amp;#039; conserva toda la configuración del elemento, incluidas imágenes, parámetros, acciones y comandos.&lt;br /&gt;
&lt;br /&gt;
=== Organizar ===&lt;br /&gt;
&lt;br /&gt;
El submenú &amp;#039;&amp;#039;&amp;#039;Organizar&amp;#039;&amp;#039;&amp;#039; controla la posición del elemento respecto a otros objetos superpuestos.&lt;br /&gt;
&lt;br /&gt;
Incluye:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Enviar al fondo&amp;#039;&amp;#039;&amp;#039;: sitúa el elemento detrás de todos los demás.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Traer delante&amp;#039;&amp;#039;&amp;#039;: sitúa el elemento delante de todos los demás.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Mover hacia atrás&amp;#039;&amp;#039;&amp;#039;: retrocede una posición.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Mover hacia adelante&amp;#039;&amp;#039;&amp;#039;: avanza una posición.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: submenú Organizar. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Bloquear ===&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Bloquear&amp;#039;&amp;#039;&amp;#039; fija la posición del elemento para evitar movimientos accidentales durante la edición. El elemento continúa funcionando normalmente en el modo de visualización.&lt;br /&gt;
&lt;br /&gt;
Para volver a modificar su posición, abra el menú contextual y seleccione &amp;#039;&amp;#039;&amp;#039;Desbloquear&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Importante&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
La opción &amp;#039;&amp;#039;&amp;#039;Eliminar&amp;#039;&amp;#039;&amp;#039; borra el elemento directamente, sin solicitar confirmación.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Exportar una capa ==&lt;br /&gt;
&lt;br /&gt;
La capa activa puede exportarse en formato PNG o SVG.&lt;br /&gt;
&lt;br /&gt;
Al pulsar el icono correspondiente, la descarga comienza automáticamente. La exportación incluye únicamente la capa que se está editando, no todas las capas del diagrama.&lt;br /&gt;
&lt;br /&gt;
La cuadrícula no forma parte de la imagen exportada. El fondo y las imágenes pueden conservar su transparencia.&lt;br /&gt;
&lt;br /&gt;
== Mostrar u ocultar la cuadrícula ==&lt;br /&gt;
&lt;br /&gt;
El último icono de la barra permite mostrar u ocultar la cuadrícula del editor.&lt;br /&gt;
&lt;br /&gt;
La cuadrícula sirve como referencia visual, pero no modifica la posición de los elementos ni los ajusta automáticamente.&lt;br /&gt;
&lt;br /&gt;
== Visualizar un diagrama ==&lt;br /&gt;
&lt;br /&gt;
Las acciones configuradas en parámetros, botones y botones multiacción funcionan en el modo de visualización. No se ejecutan durante la edición.&lt;br /&gt;
&lt;br /&gt;
Al abrir un diagrama aparecen, en la parte superior derecha, las opciones:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Pantalla completa&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Modo presentación&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
La pantalla completa amplía la zona de visualización. El modo presentación recorre automáticamente las capas configuradas para mostrarse.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Captura actual aportada por el usuario: resultado de varios elementos en el lienzo. Pendiente de subir y enlazar. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Permisos de un diagrama ==&lt;br /&gt;
&lt;br /&gt;
Los diagramas pueden tener permisos propios de visualización, edición y eliminación.&lt;br /&gt;
&lt;br /&gt;
Los permisos se heredan inicialmente de la instalación, pero pueden revisarse y modificarse para cada diagrama. También puede utilizarse la propagación de permisos para asignarlos de forma múltiple a varios diagramas o usuarios.&lt;br /&gt;
&lt;br /&gt;
[[Archivo:Permisos diagramas.png|alt=Permisos de un diagrama|centro|miniaturadeimagen|800x800px|Asignación de permisos a un diagrama.]]&lt;br /&gt;
[[Archivo:Propagar permisos diagramas.png|alt=Propagación de permisos de diagramas|centro|miniaturadeimagen|800x800px|Propagación de permisos sobre diagramas.]]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Pendiente de revisión visual: confirmar si las capturas coinciden con la interfaz actual. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
El permiso para ver un diagrama no concede por sí mismo permiso para actuar sobre los controles incluidos. Para introducir valores o ejecutar comandos, el usuario debe tener los permisos correspondientes sobre cada control.&lt;br /&gt;
&lt;br /&gt;
Para una explicación general, consulte [[Permissions|Permisos en Cloud kiconex]].&lt;br /&gt;
&lt;br /&gt;
== Compartir un diagrama mediante enlace ==&lt;br /&gt;
&lt;br /&gt;
Un diagrama puede compartirse mediante un enlace público de solo lectura.&lt;br /&gt;
&lt;br /&gt;
Para generar el enlace:&lt;br /&gt;
&lt;br /&gt;
# Edite el diagrama.&lt;br /&gt;
# Abra la pestaña &amp;#039;&amp;#039;&amp;#039;Permisos&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Pulse el icono &amp;#039;&amp;#039;&amp;#039;Compartir&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Introduzca un nombre.&lt;br /&gt;
# Añada una descripción, si es necesario.&lt;br /&gt;
# Configure una fecha de expiración, si procede.&lt;br /&gt;
# Pulse &amp;#039;&amp;#039;&amp;#039;Generar&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Copie el enlace creado.&lt;br /&gt;
&lt;br /&gt;
[[Archivo:002_selección_y_compartir.png|alt=Opción para compartir un diagrama|centro|miniaturadeimagen|800x800px|Selección de la opción para compartir un diagrama.]]&lt;br /&gt;
[[Archivo:003_nombre_y_descripción.png|alt=Nombre y descripción del recurso compartido|centro|miniaturadeimagen|800x800px|Datos identificativos del diagrama compartido.]]&lt;br /&gt;
[[Archivo:004_fecha_vigencia.png|alt=Fecha de expiración del enlace|centro|miniaturadeimagen|800x800px|Configuración de la fecha de expiración.]]&lt;br /&gt;
[[Archivo:005_enlace_para_compartir.png|alt=Enlace generado para compartir|centro|miniaturadeimagen|800x800px|Enlace público generado para el diagrama.]]&lt;br /&gt;
&lt;br /&gt;
Si no se establece una fecha, el enlace permanece disponible hasta que se elimine manualmente.&lt;br /&gt;
&lt;br /&gt;
El enlace público permite únicamente visualizar el diagrama. Si una persona intenta ejecutar una acción, Cloud kiconex muestra un aviso indicando que no está permitido.&lt;br /&gt;
&lt;br /&gt;
=== Gestionar los enlaces compartidos ===&lt;br /&gt;
&lt;br /&gt;
Para revisar o eliminar un enlace:&lt;br /&gt;
&lt;br /&gt;
# Acceda a &amp;#039;&amp;#039;&amp;#039;Configuración → Usuarios y grupos&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Abra la pestaña &amp;#039;&amp;#039;&amp;#039;Recursos compartidos&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
# Abra el menú del recurso correspondiente.&lt;br /&gt;
&lt;br /&gt;
Desde este menú puede:&lt;br /&gt;
&lt;br /&gt;
* Ver el diagrama compartido.&lt;br /&gt;
* Copiar el enlace.&lt;br /&gt;
* Editar el nombre, la descripción o la fecha de expiración.&lt;br /&gt;
* Eliminar el recurso para dejar de compartirlo.&lt;br /&gt;
&lt;br /&gt;
[[Archivo:006_usuario.png|alt=Acceso a Usuarios y grupos|centro|miniaturadeimagen|800x800px|Acceso a la gestión de usuarios y grupos.]]&lt;br /&gt;
[[Archivo:007_recursos_compartidos_y_opciones.png|alt=Gestión de recursos compartidos|centro|miniaturadeimagen|800x800px|Opciones disponibles para un recurso compartido.]]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Pendiente de revisión visual: confirmar si las capturas coinciden con la interfaz actual. --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Buenas prácticas ==&lt;br /&gt;
&lt;br /&gt;
* Prepare primero la estructura de capas y defina cuál será la principal.&lt;br /&gt;
* Use nombres claros para el diagrama y para cada capa.&lt;br /&gt;
* Guarde con frecuencia, ya que no existe guardado automático ni opciones para deshacer y rehacer.&lt;br /&gt;
* Bloquee los elementos terminados para evitar desplazamientos accidentales.&lt;br /&gt;
* Utilice imágenes optimizadas y, siempre que sea posible, inferiores a 2 MB.&lt;br /&gt;
* Revise todas las capas después de cambiar el tamaño o la orientación del lienzo.&lt;br /&gt;
* Use la cuadrícula como referencia visual, sin asumir que los elementos se alinearán automáticamente.&lt;br /&gt;
* Agrupe en un botón multiacción únicamente comandos relacionados.&lt;br /&gt;
* Revise los permisos del diagrama y de los controles antes de ponerlo a disposición de otros usuarios.&lt;br /&gt;
* Compruebe las acciones en modo de visualización antes de considerar terminado el diagrama.&lt;br /&gt;
&lt;br /&gt;
== Problemas frecuentes ==&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot; style=&amp;quot;width:100%;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! Problema&lt;br /&gt;
! Comprobaciones recomendadas&lt;br /&gt;
|-&lt;br /&gt;
| Los últimos cambios no aparecen&lt;br /&gt;
| Compruebe que se haya pulsado &amp;#039;&amp;#039;&amp;#039;Guardar&amp;#039;&amp;#039;&amp;#039; antes de salir del editor.&lt;br /&gt;
|-&lt;br /&gt;
| Un elemento no puede moverse&lt;br /&gt;
| Abra su menú contextual y compruebe si está bloqueado.&lt;br /&gt;
|-&lt;br /&gt;
| Un elemento ha quedado fuera del lienzo&lt;br /&gt;
| Revise si se ha cambiado el tamaño o la orientación y vuelva a colocarlo dentro de la capa.&lt;br /&gt;
|-&lt;br /&gt;
| La cuadrícula no alinea los objetos&lt;br /&gt;
| La cuadrícula es únicamente una guía visual. Los elementos se desplazan libremente.&lt;br /&gt;
|-&lt;br /&gt;
| Una acción no funciona durante la edición&lt;br /&gt;
| Abra el diagrama en modo de visualización. Las acciones no se ejecutan en el editor.&lt;br /&gt;
|-&lt;br /&gt;
| Un usuario puede ver el diagrama, pero no ejecutar un comando&lt;br /&gt;
| Revise los permisos del usuario sobre el control relacionado.&lt;br /&gt;
|-&lt;br /&gt;
| El enlace compartido no permite ejecutar acciones&lt;br /&gt;
| Es el comportamiento esperado. Los enlaces públicos son de solo lectura.&lt;br /&gt;
|-&lt;br /&gt;
| Una imagen tarda demasiado en cargarse&lt;br /&gt;
| Optimice el archivo y procure que su tamaño no supere 2 MB.&lt;br /&gt;
|-&lt;br /&gt;
| Una capa no aparece en el modo presentación&lt;br /&gt;
| Edite la capa, active &amp;#039;&amp;#039;&amp;#039;Mostrar&amp;#039;&amp;#039;&amp;#039;, configure su duración en segundos y guarde el diagrama.&lt;br /&gt;
|-&lt;br /&gt;
| La exportación contiene una sola capa&lt;br /&gt;
| PNG y SVG exportan únicamente la capa activa. Exporte cada capa por separado.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Enlaces relacionados ==&lt;br /&gt;
&lt;br /&gt;
* [[Facilities|Instalaciones en Cloud kiconex]].&lt;br /&gt;
* [[Controls|Controles]].&lt;br /&gt;
* [[Controls: Comandos, consignas y parámetros|Comandos, consignas y parámetros de un control]].&lt;br /&gt;
* [[Graphics|Gráficas en Cloud kiconex]].&lt;br /&gt;
* [[Permissions|Permisos en Cloud kiconex]].&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Nota de mantenimiento documental:&lt;br /&gt;
Esta página se ha reescrito con la interfaz y el funcionamiento confirmados en julio de 2026.&lt;br /&gt;
&lt;br /&gt;
Capturas nuevas aportadas por el usuario y pendientes de subir a MediaWiki:&lt;br /&gt;
- Configuración general.&lt;br /&gt;
- Vista completa del editor.&lt;br /&gt;
- Creación de capas.&lt;br /&gt;
- Añadir imagen.&lt;br /&gt;
- Configuración de parámetros: Parámetros, Forma, Texto y Acción.&lt;br /&gt;
- Añadir botón.&lt;br /&gt;
- Añadir objeto.&lt;br /&gt;
- Añadir texto.&lt;br /&gt;
- Selector de color y opacidad.&lt;br /&gt;
- Botón multiacción.&lt;br /&gt;
- Menú contextual y submenú Organizar.&lt;br /&gt;
- Resultado de los elementos sobre el lienzo.&lt;br /&gt;
&lt;br /&gt;
Conservar provisionalmente las capturas de permisos y recursos compartidos hasta confirmar su sustitución.&lt;br /&gt;
Retirar en la versión pública las capturas antiguas que muestren opciones ya eliminadas, especialmente la antigua ventana Añadir imagen con pestañas adicionales.&lt;br /&gt;
--&amp;gt;&lt;/div&gt;</summary>
		<author><name>Kiconex</name></author>
	</entry>
</feed>