wdCalendar editar tamaño de eventos - editar tamaño de chip en vista dia

  • 0 Respuestas
  • 1958 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado graphixx

  • *
  • Ex-Staff
  • *****
  • Mensajes: 1274
  • Actividad:
    0%
  • Reputación 17
  • Científico de BIG DATA
  • Skype: [email protected]
    • Ver Perfil
    • Sistemas y Controles
Para editar el tamaño por defecto que consumen los eventos de wdcalendar en la vista día, se editan los archivos:
calendar.css
jquery.calendar.js

En calendar.css:
Código: [Seleccionar]
.chip {
position:absolute;
overflow:hidden;
cursor:default;
color:#fff;
-moz-user-select:none;
width:100px;
}
.chip dl {
margin:0;
padding-bottom:1px;
border-left:1px solid;
border-right:1px solid;
overflow:hidden;
width:100px;
}
.chip dt {
margin-top:-1px;
font:bold 80%/normal Verdana, Sans-serif;
white-space:nowrap;
overflow:hidden;
padding-left:1px;
text-align:left;
width:100px;
}
.chip a:link, .chip a:visited, .chip a:active {
text-decoration:none;
color:#fff
}
.ie6 .chip dl {
zoom:1;
width:100px;
}
.ie6 .chip dt {
/* width:100%; */
width:100px;
margin-right:-1px
}
.chip dd {
margin:0;
overflow:hidden;
padding:0 1px;
font:100%/1.3em Verdana, Sans-serif;
text-align:left;
word-wrap:break-word;
width:100px;
}
.cb1, .cb2 {
border-style:solid;
overflow:hidden;
width:100px;
}
.cb1 {
height:1px;
margin:0 1px;
border-width:0 1px;
width:100px;
}
.cb2 {
height:0;
margin:0 2px;
border-width:0 0 1px;
width:100px;
}
.ct {
height:0;
overflow:hidden;
border-style:solid;
border-width:0 2px 2px;
border-color:transparent;
width:100px;
}
.ie6 .ct {
border-style:solid dotted;
width:100px;
}

En jquery.calendar.js:
Código: [Seleccionar]
//template for month and date
var __SCOLLEVENTTEMP = "<DIV style=\"WIDTH:100px;top:${top};

Fuente del calendario:
http://www.web-delicious.com/jquery-plugins/

Asi quedan los eventos: