{"id":17603,"date":"2023-09-16T01:43:17","date_gmt":"2023-09-16T01:43:17","guid":{"rendered":"https:\/\/kiusi.com\/?p=17603"},"modified":"2023-09-16T03:36:43","modified_gmt":"2023-09-16T03:36:43","slug":"usando-directivas-de-plantillas-en-una-region-de-tipo-tarjetas","status":"publish","type":"post","link":"https:\/\/kiusi.com\/en\/usando-directivas-de-plantillas-en-una-region-de-tipo-tarjetas\/","title":{"rendered":"Usando directivas de plantillas en una regi\u00f3n de tipo tarjetas"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>Las directivas de plantilla<\/strong>&nbsp;solo son compatibles con los complementos de componentes de plantilla, atributos espec\u00edficos en plantillas de correo electr\u00f3nico y las siguientes regiones: tarjetas, cuadr\u00edcula interactiva, informe cl\u00e1sico, b\u00fasqueda de aplicaciones y regi\u00f3n de informe interactivo.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las directivas se pueden anidar, lo que significa que cualquiera de los textos de la plantilla puede contener otra directiva.&nbsp;Estas directivas se procesan como parte de sustituciones del lado del cliente o del servidor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para determinar si un atributo admite directivas de plantilla, la Ayuda de Page Designer incluye el texto &#8220;Admite directivas de plantilla del lado del cliente&#8221; o &#8220;Admite directivas de plantilla del lado del servidor&#8221;.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img1.jpg?ssl=1\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"724\" height=\"135\" data-attachment-id=\"17605\" data-permalink=\"https:\/\/kiusi.com\/en\/usando-directivas-de-plantillas-en-una-region-de-tipo-tarjetas\/cards-img1\/\" data-orig-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img1.jpg?fit=724%2C135&amp;ssl=1\" data-orig-size=\"724,135\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cards-img1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img1.jpg?fit=724%2C135&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img1.jpg?resize=724%2C135&#038;ssl=1\" alt=\"\" class=\"wp-image-17605\" srcset=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img1.jpg?w=724&amp;ssl=1 724w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img1.jpg?resize=300%2C56&amp;ssl=1 300w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img1.jpg?resize=18%2C3&amp;ssl=1 18w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Directiva de Condici\u00f3n IF<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizamos la directiva IF para mostrar texto condicionalmente en funci\u00f3n de si un elemento o columna tiene un valor.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{if TAGS\/}\n    &lt;ul class=\"a-tags\"&gt;\n    {loop \",\" TAGS\/}\n \t    &lt;li class=\"a-tag\"&gt;&amp;APEX$ITEM.&lt;\/li&gt;\n    {endloop\/}\n    &lt;\/ul&gt;\n{endif\/}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Si el valor de la columna TAGS no es nulo, la directiva IF toma un valor, en este caso el valor separado por comas TAGS y lo divide en una lista.&nbsp;El s\u00edmbolo especial APEX$ITEM toma el valor del elemento de la lista actual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La siguiente tabla resume las directivas de condici\u00f3n disponibles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img2.jpg?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"750\" height=\"440\" data-attachment-id=\"17608\" data-permalink=\"https:\/\/kiusi.com\/en\/usando-directivas-de-plantillas-en-una-region-de-tipo-tarjetas\/cards-img2\/\" data-orig-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img2.jpg?fit=858%2C503&amp;ssl=1\" data-orig-size=\"858,503\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cards-img2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img2.jpg?fit=750%2C440&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img2.jpg?resize=750%2C440&#038;ssl=1\" alt=\"\" class=\"wp-image-17608\" srcset=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img2.jpg?w=858&amp;ssl=1 858w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img2.jpg?resize=300%2C176&amp;ssl=1 300w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img2.jpg?resize=768%2C450&amp;ssl=1 768w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img2.jpg?resize=18%2C12&amp;ssl=1 18w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Puede haber cero o m\u00e1s&nbsp;directivas <code>elseif<\/code>.&nbsp;La directiva&nbsp;<code>elseif <\/code>and&nbsp;<code>else <\/code>son opcionales.&nbsp;Las directivas deben ir en el orden mostrado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejemplo<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un informe de tarjetas contiene una columna denominada&nbsp;<code>DESCRIPTION<\/code>.&nbsp;El siguiente atributo de expresi\u00f3n HTML mostrar\u00e1 la descripci\u00f3n si no es nula (cadena vac\u00eda) y de lo contrario mostrar\u00e1 &#8220;Sin descripci\u00f3n&#8221;.&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{if DESCRIPTION\/}&amp;DESCRIPTION.{else\/}No description.{endif\/}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Directiva de Condici\u00f3n CASE<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizamos la directiva CASE para mostrar texto seg\u00fan el valor de un elemento o columna.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{case NAME\/}\n{when STRING1\/}\nTEMPLATE_TEXT1\n{when STRING2\/}\nTEMPLATE_TEXT2\n{otherwise\/}\nTEMPLATE_TEXT\n{endcase\/}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">NAME<em> <\/em>es un atributo de elemento, nombre de columna o componente de plantilla.&nbsp;El valor se compara con las cadenas despu\u00e9s de cada directiva WHEN y, si son iguales, se genera el siguiente texto.&nbsp;Si ninguna directiva&nbsp;WHEN coincide, se emite el texto despu\u00e9s de la directiva&nbsp;OTHERWISE, Een caso de que exista.&nbsp;El valor y cada cadena se eliminan los espacios iniciales y finales antes de la comparaci\u00f3n.&nbsp;La comparaci\u00f3n distingue entre may\u00fasculas y min\u00fasculas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"GUID-7BE3D13E-25D1-4275-9735-6AB16130B8A8__GUID-C0E5F78A-35FE-49A4-8A40-E8004591336A\"><strong>Ejemplo<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este ejemplo que utiliza la tabla EMP y muestra la compensaci\u00f3n de manera diferente seg\u00fan el&nbsp;<code>JOB<\/code>.&nbsp;Para los vendedores, muestra tanto el salario como la comisi\u00f3n.&nbsp;Para el presidente muestra \u201c&#8211;\u201d en lugar de salario y para todos los dem\u00e1s puestos muestra solo el salario.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{case JOB\/}\n{when SALESMAN\/}\n&amp;SAL. (&amp;COMM.)\n{when PRESIDENT\/}\n--\n{otherwise\/}\n&amp;SAL.\n{endcase\/}\n<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"750\" height=\"352\" data-attachment-id=\"17632\" data-permalink=\"https:\/\/kiusi.com\/en\/usando-directivas-de-plantillas-en-una-region-de-tipo-tarjetas\/cards-img5\/\" data-orig-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?fit=2538%2C1190&amp;ssl=1\" data-orig-size=\"2538,1190\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cards-img5\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?fit=750%2C352&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=750%2C352&#038;ssl=1\" alt=\"\" class=\"wp-image-17632\" srcset=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=1024%2C480&amp;ssl=1 1024w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=300%2C141&amp;ssl=1 300w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=768%2C360&amp;ssl=1 768w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=1536%2C720&amp;ssl=1 1536w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=2048%2C960&amp;ssl=1 2048w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=18%2C8&amp;ssl=1 18w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=1200%2C563&amp;ssl=1 1200w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?resize=1568%2C735&amp;ssl=1 1568w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img5.jpg?w=2250&amp;ssl=1 2250w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Directiva de BUCLE<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizamos la directiva LOOP para repetir el texto una vez para cada elemento en un elemento o valor de columna de valores m\u00faltiples (delimitados por caracteres).<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{loop &#91;\"SEP\"] NAME\/}\nTEMPLATE_TEXT\n{endloop\/}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">NAME es un nombre de elemento o columna que tiene varios valores separados por el car\u00e1cter dado por&nbsp;<code>SEP<\/code>.&nbsp;El separador predeterminado es &#8221;&nbsp;<code>:<\/code>&#8220;.&nbsp;Si SEP tiene m\u00e1s de un car\u00e1cter, se trata como una expresi\u00f3n regular.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El texto de la plantilla dentro del bucle puede utilizar estos s\u00edmbolos de sustituci\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>APEX$ITEM<\/code>&#8211; Este es el valor del elemento actual en la lista.<\/li>\n\n\n\n<li><code>APEX$I<\/code>&#8211; Este es un \u00edndice basado en el elemento actual en la lista.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejemplo<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El siguiente ejemplo toma una columna llamada&nbsp;<code>TAGS <\/code>que contiene una lista de etiquetas separadas por comas (,) como &#8220;manzanas, cerezas, peras&#8221; y la convierte en una lista HTML a la que se le puede aplicar un estilo con CSS.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul class=\"tags\"&gt;{loop \",\" TAGS\/}\n  &lt;li class=\"tag-item\"&gt;&amp;APEX$ITEM.&lt;\/li&gt;\n{endloop\/}&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Directivas WITH y APPLY<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizamos la directiva WITH para asignar valores a los marcadores de posici\u00f3n para el componente de plantilla que se especifica en la&nbsp;directiva APPLY.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{with\/}\nPLACEHOLDER1:=VALUE1\nPLACEHOLDER2:=VALUE2\n{apply TEMPLATE_INTERNAL_NAME\/}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Los requisitos al utilizar esta directiva incluyen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Utilice la directiva&nbsp;WITH para asignar valores a marcadores de posici\u00f3n para el complemento Componente de plantilla que se especifica en la directiva&nbsp;APPLY.<\/li>\n\n\n\n<li>Los complementos del componente de plantilla utilizan la representaci\u00f3n del lado del servidor.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>{with\/}\nFOO:=Foo\nBAR:=Bar\n{apply FOOBAR\/}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">En este ejemplo,&nbsp;<code>FOOBAR <\/code>es el nombre interno de un complemento de componente de plantilla instalado en la aplicaci\u00f3n.&nbsp;Esta plantilla tiene dos marcadores de posici\u00f3n&nbsp;<code>FOO <\/code>and&nbsp;<code>BAR <\/code>a los que se asignan valores.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplo de Tarjetas con Directiva IF<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para la siguiente demostraci\u00f3n creamos una p\u00e1gina en nuestra aplicaci\u00f3n demo con un informe cl\u00e1sico y su formulario de gesti\u00f3n de datos de la tabla EBA_DEMO_CARD_EMP. (Esta tabla corresponde a la aplicaci\u00f3n de ejemplo de Cards).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seleccionamos la regi\u00f3n de Informe Cl\u00e1sico y en propiedades configuramos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); font-family: var(--font-base, Lora, Baskerville, Georgia, Times, serif);\">Identificaci\u00f3n, Titulo: <strong>Empleados<\/strong><\/span><\/li>\n\n\n\n<li><span style=\"background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); font-family: var(--font-base, Lora, Baskerville, Georgia, Times, serif);\">Identificaci\u00f3n, Tipo: <strong>Tarjetas<\/strong><\/span><\/li>\n\n\n\n<li>Apariencia, Opciones de Plantilla: hacemos clic en Utilizar Valores por Defecto de Plantilla<br>Se abre la ventana modal de Opciones de Plantilla<br>Com\u00fan, Style: <strong>Style B<\/strong><br>Click on the button <strong>Accept<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Hacemos clic en la ficha Atributos de la regi\u00f3n de Tarjetas Empleados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tarjeta, Columna de Clave Primaria 1: <strong>EMPNO<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">T\u00edtulo, Columna: <strong>ENAME<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Subtitulo, Columna: <strong>JOB<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En la secci\u00f3n Cuerpo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); font-family: var(--font-base, Lora, Baskerville, Georgia, Times, serif);\">Cuerpo, Formato Avanzado: <\/span><strong style=\"background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); font-family: var(--font-base, Lora, Baskerville, Georgia, Times, serif);\">Habilitar<\/strong><\/li>\n\n\n\n<li>Cuerpo, Expression HTML:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>{if TAGS\/}\r\n&lt;ul class=\"a-tags\">\r\n{loop \",\" TAGS\/}\r\n&lt;li class=\"a-tag\">&amp;APEX$ITEM.&lt;\/li>\r\n{endloop\/}\r\n&lt;\/ul>\r\n{endif\/}\r<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">En la secci\u00f3n Medio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Medio, Origen: Columna BLOB<\/li>\n\n\n\n<li>Medio, Columna BLOB: PROFILE_IMAGE(number)<\/li>\n\n\n\n<li>Medio, Posici\u00f3n: Primero<\/li>\n\n\n\n<li>Medio, Apariencia: Pantalla Panor\u00e1mica<\/li>\n\n\n\n<li>Medio, Tama\u00f1o: Ajustar<\/li>\n\n\n\n<li>Medio, Descripci\u00f3n de Imagen: &amp;ENAME. &#8211; &amp;JOB.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">En la secci\u00f3n Atributos BLOB.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Columna de Tipo MIME: MIMETYPE<\/li>\n\n\n\n<li>\u00daltima Columna Actualizada: IMAGE_LAST_UPDATE<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Haga clic en el bot\u00f3n Guardar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s, necesitamos eliminar el bot\u00f3n <strong>Create<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente ingresamos estilos CSS para personalizar los TAGS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En propiedades de la p\u00e1gina en Estilos CSS En L\u00ednea, ingresamos las siguientes reglas CSS:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.a-tags {\r\n    list-style: none;\r\n}\r\n.a-tag {\r\n    background-color: #ebe7e7;\r\n    color: #666;\r\n    border-radius: 5px;\r\n    padding: 5px;\r\n    margin: 3px;\r\n    display: inline;\r\n}\r<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, creamos una Acci\u00f3n de tipo Tarjeta Completa, para que al hacer clic en la tarjeta se habr\u00e1 el formulario de carga de gesti\u00f3n de datos del empleado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Desde la Representaci\u00f3n de P\u00e1gina, dentro de la regi\u00f3n de tarjetas Empleado, hacemos clic en Acciones con el bot\u00f3n derecho del mouse y seleccionamos <strong>Crear Acci\u00f3n<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En propiedades de la Acci\u00f3n, configuramos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Identificaci\u00f3n, Tipo: Tarjeta Completa<\/li>\n\n\n\n<li>Enlace, Tipo: Redirigir a P\u00e1gina en esta Aplicaci\u00f3n<\/li>\n\n\n\n<li>Enlace, Destino: Hacemos clic en No se ha definido ning\u00fan enlace<br>Se abre la ventana modal Creador de Enlaces: Destino<br>Destino, P\u00e1gina, seleccione la pagina del formulario de Empleados en mi caso es 11<\/li>\n\n\n\n<li>Definir elementos, Nombre: PX_EMPNO<\/li>\n\n\n\n<li>Definir elementos, Valor: &amp;EMPNO.<\/li>\n\n\n\n<li>Hacemos clic en el bot\u00f3n Aceptar<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Hacemos clic en el bot\u00f3n Guardar y Ejecutar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"378\" data-attachment-id=\"17629\" data-permalink=\"https:\/\/kiusi.com\/en\/usando-directivas-de-plantillas-en-una-region-de-tipo-tarjetas\/cards-img4\/\" data-orig-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?fit=2549%2C1285&amp;ssl=1\" data-orig-size=\"2549,1285\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cards-img4\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?fit=750%2C378&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=750%2C378&#038;ssl=1\" alt=\"\" class=\"wp-image-17629\" srcset=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=1024%2C516&amp;ssl=1 1024w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=300%2C151&amp;ssl=1 300w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=768%2C387&amp;ssl=1 768w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=1536%2C774&amp;ssl=1 1536w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=2048%2C1032&amp;ssl=1 2048w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=18%2C9&amp;ssl=1 18w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=1200%2C605&amp;ssl=1 1200w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?resize=1568%2C790&amp;ssl=1 1568w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/cards-img4.jpg?w=2250&amp;ssl=1 2250w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">De esta forma hemos creado una regi\u00f3n de tipo Tarjetas que utiliza una directiva de plantilla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">See you next time!<\/p>","protected":false},"excerpt":{"rendered":"<p>Las directivas de plantilla&nbsp;solo son compatibles con los complementos de componentes de plantilla, atributos espec\u00edficos en plantillas de correo electr\u00f3nico y las siguientes regiones: tarjetas, cuadr\u00edcula interactiva, informe cl\u00e1sico, b\u00fasqueda de aplicaciones y regi\u00f3n de informe interactivo.&nbsp; Las directivas se pueden anidar, lo que significa que cualquiera de los textos de la plantilla puede contener<a class=\"more-link\" href=\"https:\/\/kiusi.com\/en\/usando-directivas-de-plantillas-en-una-region-de-tipo-tarjetas\/\">Continue reading <span class=\"screen-reader-text\">&#8220;Usando directivas de plantillas en una regi\u00f3n de tipo tarjetas&#8221;<\/span><\/a><\/p>","protected":false},"author":132749711,"featured_media":17633,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[121913,121887,122137],"tags":[121903,122086,122162,121904],"class_list":["post-17603","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-oracle-apex","category-oracle-apex-23-1","tag-apex","tag-cards","tag-directivas-de-plantillas","tag-oracle-apex","entry"],"jetpack_publicize_connections":[],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paMvMS-4zV","amp_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/09\/portada-directivas-de-plantilla-cards.png?fit=2949%2C1735&ssl=1","_links":{"self":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/17603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/users\/132749711"}],"replies":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/comments?post=17603"}],"version-history":[{"count":26,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/17603\/revisions"}],"predecessor-version":[{"id":17635,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/17603\/revisions\/17635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media\/17633"}],"wp:attachment":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media?parent=17603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/categories?post=17603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/tags?post=17603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}