Con el lanzamiento de la versión 7.3 de Cloudy Doors BPM, se modificaron muchos aspectos y estilos de la interfaz de usuario de la aplicación.
Diseñando la pagina en base al siguiente código HTML en las páginas custom utilizadas sobre la plataforma, podemos mantener el estilo de la aplicación haciendo que la navegación del usuario sea coherente entre pantallas del sistema y pantallas personalizadas.
Código:
<html>
<head>
<title>TITULO DE LA PAGINA</title>
<style>
html,body{
margin:0px;
padding:0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial;
font-size: 14px;
}
h4{
color: white;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial;
margin: 8px;
}
.documentHeader {
position:relative;
left:0px;
height:auto;
height:38px;
min-height:28px;
display:inline-block;
width:100%;
z-index:5;
background-color:#5d5a40;
}
.content{
padding:8px;
}
.file-box{
margin:4px;
}
}
</style>
</head>
<body>
<div class="documentHeader">
<h4>ENCABEZADO DE LA PAGINA</h4>
</div>
<div class="content">
<!--Aquí iría todo el contenido de la página personalizada-->
</div>
</body>
</html>
No hay comentarios:
Publicar un comentario