> For the complete documentation index, see [llms.txt](https://doc.velneo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.velneo.com/22/velneo-vdevelop/proyectos-objetos-y-editores/proyecto-de-aplicacion/control-svg.md). # Control SVG Se trata de un objeto con el que podremos crear controles tipo botón, interruptor, etc. para su posterior uso en [formularios](/22/velneo-vdevelop/buenas-practicas-de-programacion/buenas-practicas-de-rendimiento/formularios.md). Este objeto estará compuesto por varias [imágenes Svg ](/22/velneo-vdevelop/proyectos-objetos-y-editores/proyecto-de-aplicacion/formulario/controles-de-visualizacion/imagen-svg-control.md)(gráficos vectoriales), cada una de las cuales se corresponderá con un estado del control. Para crear un objeto de este tipo seleccionar la opción **nuevo objeto/control svg** del menú **objetos** de Velneo vDevelop o a través de la galería de objetos. Las propiedades de este objeto son: ## Identificador Etiqueta alfanumérica que identifica de forma unívoca al objeto dentro del proyecto. Este identificador será el que usemos para referenciarlo en otras propiedades de otros objetos. El **identificador** constará de mayúsculas y números exclusivamente. Al identificar de forma unívoca un objeto no puede haber duplicidad. ## Nombre Etiqueta alfanumérica que servirá como descriptor del objeto. Se usará para presentar información del objeto en otros objetos y en los [inspectores.](/22/velneo-vdevelop/inspectores.md) Podemos definir una etiqueta por cada idioma presente en el [proyecto.](/22/velneo-vdevelop/proyectos-objetos-y-editores.md) ## Estilos Podemos definir el estilo **privado** que limita el acceso del usuario final al objeto desde puntos donde no se haya programado el acceso al mismo. ## Comentarios Esta propiedad nos permite documentar el uso del objeto. ## Tipo de control Esta propiedad nos permite definir el tipo de control que conformará el objeto. Los valores posibles son: ## Botón Svg Permite crear un control gráfico de tipo botón. Al seleccionarlo se activarán tres nuevas propiedades, que son: ### SVG 1 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **normal** del botón. ![](/files/-M7D77xriAVndGqjMwmu) ### SVG 2 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **pulsado** del botón. ![](/files/-M7D77xsm3XI5spZcBLr) ### SVG 3 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado del botón cuando el cursor del ratón pase por encima del mismo (**mouseover**). ![](/files/-M7D77xtxRYXvqIuyc05) ## Interruptor Svg Permite crear un control gráfico de tipo interruptor. Al seleccionarlo se activarán dos nuevas propiedades, que son: ### SVG 1 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **apagado/off** del interruptor. ![](/files/-M7D77xu3JU3vQohifpw) ### SVG 2 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **encendido/on** del interruptor. ![](/files/-M7D77xvZmegrc3h4e96) ## Switch Svg Permite crear un control gráfico de tipo interruptor-deslizador. ![](/files/-M7D77xwKl0UVexlOvmC) Al seleccionarlo se activarán cuatro nuevas propiedades, que son: ### SVG 1 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el **fondo** del interruptor-deslizador. ![](/files/-M7D77xxlAittyDI3Mi2) ### SVG 2 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el fondo del interruptor-deslizador cuando el cursor del ratón pase por encima del mismo (**mouseover**). ![](/files/-M7D77xy8Hp68YYrvV7y) ### SVG 3 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **apagado/off** del interruptor-deslizador. ![](/files/-M7D77xzvhwtx487m81U) ### SVG 4 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **encendido/on** del interruptor-deslizador. ![](/files/-M7D77y-o2wC70e7bzg-) ## Reloj indicador Svg Permite crear un control gráfico de tipo reloj indicador. ![](/files/-M7D77y0B193ETsB6cMG) Al seleccionarlo se activarán las siguientes propiedades: ### SVG 1 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el **fondo** del reloj indicador. ![](/files/-M7D77y1fd89IVr5IAJ2) ### SVG 2 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con la **sombra de la aguja** del reloj indicador. ![](/files/-M7D77y2y5V9cuRyScZ2) ### SVG 3 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con la **aguja** del reloj indicador. ![](/files/-M7D77y3z33pHA0zI5Ie) ### SVG 4 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con la **capa de superposición** del reloj indicador. ![](/files/-M7D77y4krtnkkUpkf5b) ### Origen x y Origen y Coordenadas del punto de anclaje de la aguja. ### Mínimo y Máximo Valores mínimo y máximo que contemplará el control. ### Ángulo inicio y Ángulo final Ángulos inicial y final de la aguja del reloj indicador.