Incorporar paneles de control
La siguiente característica está disponible como beta en la versión 1.28 y posteriores de Flex UI (la interfaz de usuario de Flex). Para utilizar esta característica, comprueba que la característica beta Insights: Programmable Dashboards (Insights: paneles de control programables) esté activada en la interfaz de admin.
Se necesita un proxy de desarrollador para el desarrollo local. Consulta el artículo sobre desarrollo en el entorno local.
A partir de la versión 1.27, Flex admite la incorporación de paneles de control. Para utilizar esta funcionalidad, usa el componente Dashboard exportado en el espacio de nombres Flex.Insights.Dashboard
.
El componente toma una propiedad dashboardId
y muestra ese panel de control incorporado en un iframe. Esto te permite crear vistas personalizadas con paneles de control concretos.
Componente Dashboard
El componente tiene las siguientes propiedades:
dashboardId: string;
queryParams?: {};
events?: { [event: cadena]: (eventData: unknown, eventId: string) => void };
dashboardId
El ID del panel de control. Esta es la única propiedad obligatoria en este componente y es probable que sea la única que necesites usar.
Consulta el siguiente capítulo para obtener más información sobre cómo obtener dashboardId
.
queryParams
Para usuarios expertos. El objeto se pasará como una cadena de consulta a la URL del iframe.
events
Para usuarios expertos. Permite adjuntar controladores personalizados a los eventos de mensajes POST recibidos del iframe.
Obtener el ID del panel de control
Conocer el ID del panel de control es crucial para poder mostrarlo. Para averiguar el ID del panel de control correcto, desplázate hasta el panel deseado y revisa la URL en el navegador.
Debería tener un aspecto similar a este: <yourFlexUrl>/dashboards/aeJSfSg9if1x
.
La parte posterior a dashboards/
es el ID del panel de control que se muestra actualmente, en este caso aeJSfSg9if1x
.
Ejemplo
Utilizaremos el ID del panel de control que acabamos de obtener para mostrar el panel de control como contenido del contenedor de CRM:
Flex.CRMContainer.Content.replace(
<Flex.Insights.Dashboard key="some-key" dashboardId="aeJSfSg9if1x" />
);
¿Necesitas ayuda?
Todos la necesitamos a veces; la programación es difícil. Obtén ayuda ahora de nuestro equipo de soporte, o recurre a la sabiduría de la multitud visitando Stack Overflow Collective de Twilio o navegando por la etiqueta de Twilio en Stack Overflow.