{{indexmenu_n>1}} ===== Calendar Control ===== \\ ====Introduction ==== \\ The calendar, instead putting it as collection directly as it was done at the beginning, which comes by default with the internal design of the framework and that is not possible to change anything of the visual appearance, has defined in a **content** way, by using the **viewmode="calendarview"** attribute. \\ This way, being a content, we have greater versatility at the time to place it on screen. \\ \\ Hereafter, it will be the calendar in content way which keeps developing it, and here are described the attributes that apply at the time to change the visual appearance.\\ \\ ^ Attributes ^ Description ^ | **viewmode="calendarview"**|This is for the month| | **viewmode=”week”**|This is to change to the weekly calendar mode.| | **forecolor:#FFFFFF**|Font Color.| | **bgcolor:#DFDFDF**|Background color by default.| | **cell-forecolor:#ffffff**|Cell font color.| | **cell-border-width:2**|Size of each line border.| | **cell-align:center**| Cell alignment.| | **align:center**| Control general alignment.| | **fontsize:12**| Font size.| | **cell-selected-bgcolor:#00000000**| Background color of the selected cell.| | **cell-selected-border-color:#00CC00**| Border color of the selected cell.| | **weekdays-bgcolor:#00000000**|Weekdays Color. | | **weekdays-forecolor:#333333,#999999,#999999,#999999,#999999,#999999,#999999**|Font color of each one of the weekdays: SUNDAY, MONDAY, TUESDAY, WEDNESDAY, THURSDAY, FRIDAY, SATURDAY | | **weekdays-fontsize:5**|Weekdays size.| | **weekdays-longname:false**| Which type of name it comes, if it is the long type, or the short type.| | **weekdays-align:topleft**| Alignment of that names. | | **border-width:2**|Borders size.| | **textfont-bold:true**|To make it bold.| | **cell-border-color:#00000000**|Cell border color.| | **page-swipe:false**|If it is allowed swiping with the finger the months or the weeks. By default //true//| | **border:false**|If it has border or it has not.| | **week-start-hour:0**|Starting of the hour indicated in the day, since the days are divided into 0 to 23:59| | **week-end-hour:1**| | | **cell-bgcolor="##FLD_MAP_COLOREMPRESA##"** |Cell color.| | **cell-other-month-bgcolor="##FLD_MAP_COLORCALENDARIO_NOMESACTUAL##"**|Cell color of the days of the other month which is not the selected month.| | **cell-selected-forecolor="##FLD_MAP_COLOREMPRESA##"** |Font color of the selected day. It allows //width// and //height// to put the size, the ideal would be putting all the attributes in a class and associate them it.| \\ ==== Catchable Events ==== \\ 'Este nodo se ejecuta cuando se selecciona un día del mes 'Este nodo se ejecuta cuando se cambia el mes 'Esto se ejecuta cuando se va a pintar CADA UNA de las celdas del calendario. Si el script es pesado, puede tardar mucho. 'Se recomienda no utilizar si se requiere velocidad. \\ ==== Calendar Control by script ==== \\ this.Contents("DatosCalendario").variables("moveto")="prev" 'Para ir al mes anterior this.Contents("DatosCalendario").variables("moveto")="next" 'Para ir al mes posterior