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

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

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


Fuente del calendario:
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login

Asi quedan los eventos:
Mi Blog Personal
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login