{"id":34751,"date":"2026-03-05T08:39:56","date_gmt":"2026-03-05T07:39:56","guid":{"rendered":"https:\/\/www.abd.es\/?p=34751"},"modified":"2026-03-05T08:39:56","modified_gmt":"2026-03-05T07:39:56","slug":"control-addins-business-central-al-javascript","status":"publish","type":"post","link":"https:\/\/www.abd.es\/en\/2026\/03\/control-addins-business-central-al-javascript\/","title":{"rendered":"Control Add-ins in Business Central: from AL to web development"},"content":{"rendered":"<p><a href=\"https:\/\/www.abd.es\/que-es-business-central\/\"><strong>Microsoft Dynamics 365 Business Central<\/strong> <\/a>es un ERP incre\u00edblemente potente, con una interfaz limpia, estandarizada y f\u00e1cil de mantener. Sin embargo, en el mundo real del desarrollo, siempre llega ese momento en el que un cliente hace una petici\u00f3n que desaf\u00eda los l\u00edmites del lenguaje AL:<\/p>\n<ul>\n<li>\u00ab\u00bfPodemos ver la planificaci\u00f3n en un calendario interactivo donde pueda arrastrar y soltar las tareas?\u00bb<\/li>\n<li>\u00abNecesito que el operario firme el albar\u00e1n con el dedo en la tablet.\u00bb<\/li>\n<li>\u00ab\u00bfSer\u00eda posible mostrar un gr\u00e1fico din\u00e1mico en 3D de nuestras ventas por regi\u00f3n?\u00bb<\/li>\n<\/ul>\n<p>La respuesta nativa en AL a estas peticiones suele ser \u00abno\u00bb. Pero existe una puerta secreta hacia la personalizaci\u00f3n total: <strong>los Control Add-ins.<\/strong><\/p>\n<p>Hoy vamos a aprender c\u00f3mo inyectar el poder del desarrollo web moderno (HTML, CSS y JavaScript) directamente en nuestras p\u00e1ginas de Business Central.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-34754 size-full\" src=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136.webp\" alt=\"Control Add-ins en Business Central\" width=\"1000\" height=\"563\" srcset=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136.webp 1000w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136-300x169.webp 300w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136-768x432.webp 768w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136-18x10.webp 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h2>Arquitectura de los Control Add-ins en Dynamics 365 Business Central<\/h2>\n<p>Un Control Add-in no es m\u00e1s que un componente que act\u00faa como un \u00abpuente\u00bb tecnol\u00f3gico. Permite incrustar un marco web (un iframe seguro) dentro de la interfaz est\u00e1ndar del ERP.<\/p>\n<p>Para que este componente sea \u00fatil, necesita comunicarse con el servidor (AL). Esta arquitectura se basa en una comunicaci\u00f3n bidireccional as\u00edncrona:<\/p>\n<h3>Eventos \u2013 Comunicaci\u00f3n de JavaScript hacia AL<\/h3>\n<p><strong>Eventos (De JS hacia AL):<\/strong> JavaScript avisa a Business Central de que ha ocurrido una acci\u00f3n en la interfaz web (un clic, una firma terminada, un escaneo de c\u00f3digo QR).<\/p>\n<h3>M\u00e9todos \u2013 Comunicaci\u00f3n de AL hacia JavaScript<\/h3>\n<p><strong>M\u00e9todos (De AL hacia JS):<\/strong> Business Central env\u00eda \u00f3rdenes o inyecta datos desde la base de datos hacia la interfaz web para que JavaScript los pinte o procese.<\/p>\n<h2>Tutorial pr\u00e1ctico: Crear un Control Add-in en Business Central paso a paso<\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-34755 size-full\" src=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114053.148.webp\" alt=\"Control Add-ins en Business Central\" width=\"1000\" height=\"563\" srcset=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114053.148.webp 1000w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114053.148-300x169.webp 300w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114053.148-768x432.webp 768w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114053.148-18x10.webp 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Vamos a construir un ejemplo funcional: una tarjeta personalizada con un bot\u00f3n que env\u00ede informaci\u00f3n al ERP, y una acci\u00f3n en el ERP que cambie el dise\u00f1o de nuestra tarjeta web.<\/p>\n<p>Para esto, necesitamos cuatro archivos en nuestra extensi\u00f3n.<\/p>\n<h3>1. El Manifiesto (.al) \u2013 Definir el Control Add-in<\/h3>\n<p data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">controladdin\u00a0\u00abCustomWebComponent\u00bb<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">{<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 \/\/ Rutas a nuestros archivos web<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 Scripts = &#8216;src\/js\/main.js&#8217;;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0StartupScript\u00a0= &#8216;src\/js\/startup.js&#8217;; \/\/ El punto de entrada<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0StyleSheets\u00a0= &#8216;src\/css\/style.css&#8217;;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 \/\/ Dimensiones del\u00a0iframe\u00a0en BC<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0RequestedHeight\u00a0= 200;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0MinimumWidth\u00a0= 300;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0HorizontalStretch\u00a0= true;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 \/\/ EVENTO: Escuchamos a JavaScript<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0event\u00a0OnWebButtonClick(MessageFromWeb: Text);<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 \/\/ M\u00c9TODO: Hablamos con JavaScript<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0procedure\u00a0ChangeBackgroundColor(NewColor: Text);<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\"><span data-contrast=\"auto\">}<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<h3>2. CSS en Business Central \u2013 Personalizaci\u00f3n visual del componente<\/h3>\n<p>Aqu\u00ed le damos vida y color a nuestro componente. CSS nos permite saltarnos las restricciones visuales est\u00e1ndar.<\/p>\n<p data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\/* style.css *\/<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">.caja-personalizada {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0background-color: #f3f4f6;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 border: 2px\u00a0solid\u00a0#e5e7eb;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 border-radius: 12px;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0padding: 20px;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0text-align: center;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0font-family: &#8216;Segoe UI&#8217;, Tahoma, Geneva,\u00a0Verdana,\u00a0sans-serif;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0transition:\u00a0background-color 0.4s\u00a0ease;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 box-shadow: 0 4px 6px\u00a0rgba(0,0,0,0.1);<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">}<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">.caja-personalizada h2 {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 color: #1f2937;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0margin-bottom: 15px;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">}<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">#miBotonWeb {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0background-color: #005A9E; \/* Azul corporativo BC *\/<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 color:\u00a0white;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 border:\u00a0none;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0padding: 10px 20px;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0font-size: 16px;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 border-radius: 6px;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 cursor: pointer;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0transition:\u00a0transform\u00a00.2s,\u00a0background-color 0.2s;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">}<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">#miBotonWeb:hover {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0background-color: #004578;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0transform:\u00a0scale(1.05);<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\"><span data-contrast=\"auto\">}<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<h3>3. JavaScript en Business Central \u2013 L\u00f3gica Front-end<\/h3>\n<p>Este script se ejecuta al cargar el componente. Inyecta el HTML y establece la comunicaci\u00f3n.<\/p>\n<p data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\/\/ startup.js<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">var\u00a0controlAddIn\u00a0=\u00a0document.getElementById(&#8216;controlAddIn&#8217;);<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\/\/ Inyectamos la estructura HTML<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">controlAddIn.innerHTML\u00a0= `<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 &lt;div\u00a0id=\u00bbmiContenedor\u00bb\u00a0class=\u00bbcaja-personalizada\u00bb&gt;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;h2&gt;Hola desde el mundo Web\u00a0<\/span><span data-contrast=\"auto\">&#x1f44b;<\/span><span data-contrast=\"auto\">&lt;\/h2&gt;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;button\u00a0id=\u00bbmiBotonWeb\u00bb&gt;Enviar saludo al ERP&lt;\/button&gt;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 &lt;\/div&gt;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">`;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\/\/ Capturamos el clic del bot\u00f3n HTML<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">document.getElementById(&#8216;miBotonWeb&#8217;).addEventListener(&#8216;click&#8217;,\u00a0function() {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 \/\/\u00a0InvokeExtensibilityMethod\u00a0es la magia que env\u00eda datos a AL<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0Microsoft.Dynamics.NAV.InvokeExtensibilityMethod(<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &#8216;OnWebButtonClick&#8217;,\u00a0<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 [&#8216;\u00a1El usuario ha hecho clic en la interfaz web!&#8217;]<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 );<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">});<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\/\/ Exponemos una funci\u00f3n para que AL la pueda ejecutar<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">window.ChangeBackgroundColor\u00a0=\u00a0function(color) {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0document.getElementById(&#8216;miContenedor&#8217;).style.backgroundColor\u00a0= color;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\"><span data-contrast=\"auto\">};<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335559738&quot;:120,&quot;335559739&quot;:120,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<h3>4. Integraci\u00f3n en una p\u00e1gina de Business Central (Page.al)<\/h3>\n<p>Finalmente, colocamos nuestro Control Add-in en una p\u00e1gina de Business Central, por ejemplo, en la ficha de un cliente.<\/p>\n<p data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">page 50100 \u00abCustomer\u00a0Card Ext\u00bb<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">{<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0PageType\u00a0= Card;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0ApplicationArea\u00a0=\u00a0All;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0layout<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0area(Content)<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Insertamos el componente<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0usercontrol(MyWebComponent; \u00abCustomWebComponent\u00bb)<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ApplicationArea\u00a0=\u00a0All;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Reaccionamos al evento de JavaScript<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0trigger\u00a0OnWebButtonClick(MessageFromWeb: Text)<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0begin<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Message(&#8216;AL ha recibido esto: %1&#8217;,\u00a0MessageFromWeb);<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0end;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 }<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0actions<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0area(Processing)<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0action(ChangeColor)<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ApplicationArea\u00a0=\u00a0All;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Caption\u00a0= &#8216;Cambiar Dise\u00f1o Web&#8217;;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Image\u00a0= Color;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0trigger\u00a0OnAction()<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0begin<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Ejecutamos el m\u00e9todo JS pasando un par\u00e1metro<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0CurrPage.MyWebComponent.ChangeBackgroundColor(&#8216;#d1fae5&#8217;);<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0end;<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\" data-ccp-border-bottom=\"0.6666666666666666px solid #000000\" data-ccp-padding-bottom=\"1.3333333333333333px\"><span data-contrast=\"auto\">\u00a0\u00a0\u00a0 }<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<p data-ccp-border-top=\"0.6666666666666666px solid #000000\" data-ccp-padding-top=\"1.3333333333333333px\"><span data-contrast=\"auto\">}<\/span><span data-ccp-props=\"{&quot;335557856&quot;:13750737,&quot;335572071&quot;:4,&quot;335572072&quot;:1,&quot;335572073&quot;:4278190080,&quot;335572075&quot;:4,&quot;335572076&quot;:4,&quot;335572077&quot;:4278190080,&quot;335572079&quot;:4,&quot;335572080&quot;:1,&quot;335572081&quot;:4278190080,&quot;335572083&quot;:4,&quot;335572084&quot;:4,&quot;335572085&quot;:4278190080,&quot;469789798&quot;:&quot;single&quot;,&quot;469789802&quot;:&quot;single&quot;,&quot;469789806&quot;:&quot;single&quot;,&quot;469789810&quot;:&quot;single&quot;}\">\u00a0<\/span><\/p>\n<h2>Enviar datos con JSON y usar librer\u00edas externas en Control Add-ins<\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-34756 size-full\" src=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114108.555.webp\" alt=\"Control Add-ins en Business Central\" width=\"1000\" height=\"563\" srcset=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114108.555.webp 1000w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114108.555-300x169.webp 300w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114108.555-768x432.webp 768w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114108.555-18x10.webp 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>El ejemplo anterior env\u00eda un texto simple, pero el verdadero potencial se desata cuando combinamos esto con <strong>JSON<\/strong>.<\/p>\n<p>Puedes usar variables de tipo JsonObject y JsonArray en AL para empaquetar cientos de registros (por ejemplo, el historial de ventas de un cliente) y enviarlos a JavaScript en una sola llamada.<\/p>\n<p>Una vez que JS tiene esos datos, puedes usar librer\u00edas externas gratuitas y potentes:<\/p>\n<h3>Librer\u00edas recomendadas para extender Business Central<\/h3>\n<ol>\n<li><strong>Chart.js \/ D3.js:<\/strong> Para pintar cuadros de mando interactivos y gr\u00e1ficos complejos.<\/li>\n<li><strong>FullCalendar.io:<\/strong> Para crear planificadores de recursos y calendarios visuales.<\/li>\n<li><strong>Signature Pad:<\/strong> Para recoger firmas digitales legales directamente en la pantalla t\u00e1ctil de un dispositivo m\u00f3vil.<\/li>\n<\/ol>\n<h2>Buenas pr\u00e1cticas al desarrollar Control Add-ins en Business Central<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-34753 size-full\" src=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/blog-manuel.webp\" alt=\"buenas pr\u00e1cticas\" width=\"576\" height=\"384\" srcset=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/blog-manuel.webp 576w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/blog-manuel-300x200.webp 300w, https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/blog-manuel-18x12.webp 18w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/p>\n<h3>Optimizaci\u00f3n de rendimiento<\/h3>\n<p>El <strong>Rendimiento importa:<\/strong> Todo el c\u00f3digo JS y CSS se descarga en el navegador del usuario final. Mant\u00e9n tus scripts optimizados y minificados para no ralentizar la carga de la p\u00e1gina.<\/p>\n<h3>Dise\u00f1o responsivo en la Web UI de Business Central<\/h3>\n<p><strong>Dise\u00f1o Responsivo:<\/strong> Recuerda que Business Central se usa en monitores 4K, pero tambi\u00e9n en la app m\u00f3vil. Tu CSS debe usar flexbox o grid para adaptarse a cualquier tama\u00f1o de pantalla.<\/p>\n<h3>Gesti\u00f3n correcta de la asincron\u00eda<\/h3>\n<p><strong>Asincron\u00eda:<\/strong> Nunca asumas que el componente web carga instant\u00e1neamente. Es buena pr\u00e1ctica crear un evento llamado ControlReady que JavaScript env\u00ede a AL nada m\u00e1s cargar.<\/p>\n<h2>Business Central como plataforma moderna de aplicaciones<\/h2>\n<p>Los Control Add-ins transforman a Business Central de un simple sistema de registro a una plataforma de aplicaciones moderna.<\/p>\n<p>Al dominar la comunicaci\u00f3n entre AL y JavaScript, no solo mejoras la est\u00e9tica del ERP, sino que optimizas dr\u00e1sticamente los flujos de trabajo de los usuarios, creando interfaces que se adaptan exactamente a lo que el negocio necesita.<\/p>\n<p>\u00a1Es hora de perderle el miedo al Front-end y empezar a crear extensiones memorables!<\/p>\n<h2>ABD, especialistas en desarrollo avanzado para Business Central<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.abd.es\/wp-content\/uploads\/2024\/04\/46-1024x576.webp\" alt=\"ABD\" \/><\/p>\n<p>En <a href=\"https:\/\/www.abd.es\/\"><strong>ABD Consultor\u00eda y Soluciones Inform\u00e1ticas<\/strong><\/a> ayudamos a empresas a llevar Microsoft Dynamics 365 Business Central m\u00e1s all\u00e1 de la configuraci\u00f3n est\u00e1ndar.<\/p>\n<p>Nuestro equipo de desarrollo trabaja con:<\/p>\n<ul>\n<li>Extensiones AL avanzadas<\/li>\n<li>Creaci\u00f3n de Control Add-ins personalizados<\/li>\n<li>Integraciones con APIs y servicios externos<\/li>\n<li>Desarrollo web embebido con HTML, CSS y JavaScript<\/li>\n<li>Optimizaci\u00f3n de rendimiento y arquitectura SaaS<\/li>\n<\/ul>\n<p>Dise\u00f1amos soluciones que no solo cumplen requisitos funcionales, sino que mejoran la experiencia de usuario y la productividad real del negocio.<\/p>\n<p>Si tu empresa necesita una personalizaci\u00f3n avanzada en Business Central o desarrollar componentes web integrados en el ERP, nuestro equipo <a href=\"https:\/\/www.abd.es\/contacto\/\">puede ayudarte<\/a> a dise\u00f1ar una soluci\u00f3n escalable, segura y preparada para futuras actualizaciones.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Microsoft Dynamics 365 Business Central es un ERP incre\u00edblemente potente, con una interfaz limpia, estandarizada y f\u00e1cil de mantener. Sin embargo, en el mundo real del desarrollo, siempre llega ese momento en el que un cliente hace una petici\u00f3n que desaf\u00eda los l\u00edmites del lenguaje AL: \u00ab\u00bfPodemos ver la planificaci\u00f3n en un calendario interactivo donde [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":34757,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[79,3447],"tags":[1161,444,1294,1235,108,1189],"class_list":["post-34751","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articulos","category-erp","tag-business-central","tag-dynamics-365","tag-dynamics-365-bc","tag-dynamics-365-business-central","tag-erp","tag-microsoft-365-business-central"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Control Add-ins en Business Central con AL y JS<\/title>\n<meta name=\"description\" content=\"Aprende a crear Control Add-ins en Dynamics 365 Business Central usando AL, HTML, CSS y JavaScript para personalizar la interfaz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.abd.es\/en\/2026\/03\/control-addins-business-central-al-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Control Add-ins en Business Central con AL y JS\" \/>\n<meta property=\"og:description\" content=\"Aprende a crear Control Add-ins en Dynamics 365 Business Central usando AL, HTML, CSS y JavaScript para personalizar la interfaz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.abd.es\/en\/2026\/03\/control-addins-business-central-al-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"ABD Consultora Inform\u00e1tica\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-05T07:39:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/\"},\"author\":{\"name\":\"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/#\\\/schema\\\/person\\\/4d857ed0913dff1b1211d49cbdb7142b\"},\"headline\":\"Control Add-ins en Business Central: de AL al desarrollo web\",\"datePublished\":\"2026-03-05T07:39:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/\"},\"wordCount\":1207,\"publisher\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Empresas-2026-03-04T114038.136.jpg\",\"keywords\":[\"Business Central\",\"Dynamics 365\",\"Dynamics 365 BC\",\"Dynamics 365 Business Central\",\"ERP\",\"Microsoft 365 Business Central\"],\"articleSection\":[\"Articulos\",\"ERP\\\/Navision\\\/Business Central\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/\",\"url\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/\",\"name\":\"Control Add-ins en Business Central con AL y JS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Empresas-2026-03-04T114038.136.jpg\",\"datePublished\":\"2026-03-05T07:39:56+00:00\",\"description\":\"Aprende a crear Control Add-ins en Dynamics 365 Business Central usando AL, HTML, CSS y JavaScript para personalizar la interfaz.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Empresas-2026-03-04T114038.136.jpg\",\"contentUrl\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Empresas-2026-03-04T114038.136.jpg\",\"width\":1000,\"height\":563,\"caption\":\"Control Add-ins en Business Central\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/2026\\\/03\\\/control-addins-business-central-al-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.abd.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Control Add-ins en Business Central: de AL al desarrollo web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/#website\",\"url\":\"https:\\\/\\\/www.abd.es\\\/\",\"name\":\"ABD Consultora Inform\u00e1tica\",\"description\":\"Soluciones Empresariales | Microsoft Gold Partner\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.abd.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/#organization\",\"name\":\"ABD Consultora Inform\u00e1tica\",\"url\":\"https:\\\/\\\/www.abd.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/cropped-consultoria-informatica-11.png\",\"contentUrl\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/cropped-consultoria-informatica-11.png\",\"width\":64,\"height\":64,\"caption\":\"ABD Consultora Inform\u00e1tica\"},\"image\":{\"@id\":\"https:\\\/\\\/www.abd.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/abd-consultor-a-y-soluciones-inform-ticas\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/#\\\/schema\\\/person\\\/4d857ed0913dff1b1211d49cbdb7142b\",\"name\":\"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/litespeed\\\/avatar\\\/65dec9cae6506e12c4c376967b12ffdc.jpg?ver=1776784853\",\"url\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/litespeed\\\/avatar\\\/65dec9cae6506e12c4c376967b12ffdc.jpg?ver=1776784853\",\"contentUrl\":\"https:\\\/\\\/www.abd.es\\\/wp-content\\\/litespeed\\\/avatar\\\/65dec9cae6506e12c4c376967b12ffdc.jpg?ver=1776784853\",\"caption\":\"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez\"},\"url\":\"https:\\\/\\\/www.abd.es\\\/en\\\/author\\\/manuel\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Control Add-ins en Business Central con AL y JS","description":"Aprende a crear Control Add-ins en Dynamics 365 Business Central usando AL, HTML, CSS y JavaScript para personalizar la interfaz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.abd.es\/en\/2026\/03\/control-addins-business-central-al-javascript\/","og_locale":"en_GB","og_type":"article","og_title":"Control Add-ins en Business Central con AL y JS","og_description":"Aprende a crear Control Add-ins en Dynamics 365 Business Central usando AL, HTML, CSS y JavaScript para personalizar la interfaz.","og_url":"https:\/\/www.abd.es\/en\/2026\/03\/control-addins-business-central-al-javascript\/","og_site_name":"ABD Consultora Inform\u00e1tica","article_published_time":"2026-03-05T07:39:56+00:00","og_image":[{"width":1000,"height":563,"url":"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136.jpg","type":"image\/jpeg"}],"author":"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/#article","isPartOf":{"@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/"},"author":{"name":"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez","@id":"https:\/\/www.abd.es\/#\/schema\/person\/4d857ed0913dff1b1211d49cbdb7142b"},"headline":"Control Add-ins en Business Central: de AL al desarrollo web","datePublished":"2026-03-05T07:39:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/"},"wordCount":1207,"publisher":{"@id":"https:\/\/www.abd.es\/#organization"},"image":{"@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136.jpg","keywords":["Business Central","Dynamics 365","Dynamics 365 BC","Dynamics 365 Business Central","ERP","Microsoft 365 Business Central"],"articleSection":["Articulos","ERP\/Navision\/Business Central"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/","url":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/","name":"Control Add-ins en Business Central con AL y JS","isPartOf":{"@id":"https:\/\/www.abd.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136.jpg","datePublished":"2026-03-05T07:39:56+00:00","description":"Aprende a crear Control Add-ins en Dynamics 365 Business Central usando AL, HTML, CSS y JavaScript para personalizar la interfaz.","breadcrumb":{"@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/#primaryimage","url":"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136.jpg","contentUrl":"https:\/\/www.abd.es\/wp-content\/uploads\/2026\/03\/Empresas-2026-03-04T114038.136.jpg","width":1000,"height":563,"caption":"Control Add-ins en Business Central"},{"@type":"BreadcrumbList","@id":"https:\/\/www.abd.es\/2026\/03\/control-addins-business-central-al-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.abd.es\/"},{"@type":"ListItem","position":2,"name":"Control Add-ins en Business Central: de AL al desarrollo web"}]},{"@type":"WebSite","@id":"https:\/\/www.abd.es\/#website","url":"https:\/\/www.abd.es\/","name":"ABD IT Consulting","description":"Business Solutions | Microsoft Gold Partner","publisher":{"@id":"https:\/\/www.abd.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.abd.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.abd.es\/#organization","name":"ABD IT Consulting","url":"https:\/\/www.abd.es\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.abd.es\/#\/schema\/logo\/image\/","url":"https:\/\/www.abd.es\/wp-content\/uploads\/2023\/09\/cropped-consultoria-informatica-11.png","contentUrl":"https:\/\/www.abd.es\/wp-content\/uploads\/2023\/09\/cropped-consultoria-informatica-11.png","width":64,"height":64,"caption":"ABD Consultora Inform\u00e1tica"},"image":{"@id":"https:\/\/www.abd.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/abd-consultor-a-y-soluciones-inform-ticas\/"]},{"@type":"Person","@id":"https:\/\/www.abd.es\/#\/schema\/person\/4d857ed0913dff1b1211d49cbdb7142b","name":"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.abd.es\/wp-content\/litespeed\/avatar\/65dec9cae6506e12c4c376967b12ffdc.jpg?ver=1776784853","url":"https:\/\/www.abd.es\/wp-content\/litespeed\/avatar\/65dec9cae6506e12c4c376967b12ffdc.jpg?ver=1776784853","contentUrl":"https:\/\/www.abd.es\/wp-content\/litespeed\/avatar\/65dec9cae6506e12c4c376967b12ffdc.jpg?ver=1776784853","caption":"Manuel Emilio Mu\u00f1oz Hern\u00e1ndez"},"url":"https:\/\/www.abd.es\/en\/author\/manuel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/posts\/34751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/comments?post=34751"}],"version-history":[{"count":4,"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/posts\/34751\/revisions"}],"predecessor-version":[{"id":34760,"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/posts\/34751\/revisions\/34760"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/media\/34757"}],"wp:attachment":[{"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/media?parent=34751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/categories?post=34751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.abd.es\/en\/wp-json\/wp\/v2\/tags?post=34751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}