Floating Actions

Page not available in English



Permite incorporar un menú flotante del estilo Material Desing en nuestros proyectos web.

Compatibilidad

Web

Usando el control 

Se puede utilizar tanto en un Web Panel (uso más común) como en la Master Page, dependiendo si las opciones del menú son relativas al contexto o globales para la aplicación.
Se debe cargar en el evento Start un SDT del tipo FloatingActionsData (importado al arrastrar el User Control por primera vez al form) y asociar dicho SDT a la propiedad "Menu Data" del control.


Cada elemento del SDT/Control posee:

  • Name: Permite identificar el item del menú al realizar click
  • Icon: Se indica el icono a mostrar en el item del menú. Basado en el proyecto Material Icons: https://material.io/icons Se debe indicar simplemente el nombre, tal cual se puede encontrar en el sitio web.
  • URL: Encaso de, al hacer click sobre el item se quiera ser redirigido a otra URL (puede ser nulo).
  • BackgroundColor: Color del icono. Ejemplo: "#F44336

 

Eventos

Evento OnClick
Este evento es disparado cada vez que se realiza click sobre la acción seleccionada. En dicho evento se podrá conocer el Item seleccionado según el valor de la variable de tipo "SDTFloatingAction.SDTFloatingActionItem" seteada en la propiedad "Selected Item". En particular el miembro de la variable que representa el nombre de la acción seleccionada (name).

 

Event FloatingActions1.OnClick
    msg(&FloatingActionsSelectedItem.name + ' option clicked')
EndEvent

 

Ejemplp de uso

Se disponibiliza un DataProvider de carga del Menú y un Web Panel llamado "FloatingAction" de ejemplo.