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

Iniciado por graphixx, Julio 04, 2015, 04:56:40 AM

Tema anterior - Siguiente tema

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

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: php

.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: php

//template for month and date
var __SCOLLEVENTTEMP = "<DIV style=\"WIDTH:100px;top:${top};


Fuente del calendario:
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Asi quedan los eventos:
Mi Blog Personal
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta