| Wiki Markup |
|---|
{scrollbar} |
| Table of Contents | ||||
|---|---|---|---|---|
|
Poner el título de un dashlet en varios renglones
Si se tiene un título en un dashlet que es muy largo para que se vea completo, se puede configurar la apariencia para que se ajuste a un ancho deseado.
Para lograr este comportamiento, hay que hacer click en las opciones (representado con la rueda), seleccionar Apariencia e ir a Estilos avanzados.
El portlet seleccionado tiene un identificador único: #portlet_O3ViewPortlet_WAR_o3partsweb_INSTANCE_YJBlLAcD8Xe3
Poniendo el elemento que se quiere cambiar (.portlet-title-text), se puede cambiar su configuración.
En este caso, el título va a ocupar el 60% del espacio disponible para el título. Hay que tener en cuenta que el 60% cambia según la resolución que tengamos en la pantalla.
| Code Block |
|---|
#portlet_O3ViewPortlet_WAR_o3partsweb_INSTANCE_YJBlLAcD8Xe3 .portlet-title-text{
max-width: 60%;
white-space: normal;
} |
Ejemplo:
Ocultar ícono gris esquina superior izquierda en dashlets
Si se quiere ocultar el ícono gris de la esquina superior izquierda que aparece en los dashlets y permite seleccionar opciones de visualización, se deben modificar los estilos avanzados del dashlet.
Para lograr este comportamiento, hay que hacer click en las opciones (representado con la rueda), seleccionar Apariencia e ir a Estilos avanzados.
El portlet seleccionado tiene un identificador único: #portlet_O3ViewPortlet_WAR_o3partsweb_INSTANCE_YThEdhKGLU8G
Se debe insertar la siguiente propiedad en los Estilos Avanzados:
| Code Block |
|---|
.aui #portlet_O3ViewPortlet_WAR_o3partsweb_INSTANCE_YThEdhKGLU8G .cornerIteraction {
display: none;
} |
Ejemplo:
