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:#FFFFFFFont Color.
bgcolor:#DFDFDFBackground color by default.
cell-forecolor:#ffffffCell font color.
cell-border-width:2Size 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:#00000000Weekdays Color.
weekdays-forecolor:#333333,#999999,#999999,#999999,#999999,#999999,#999999Font color of each one of the weekdays: SUNDAY, MONDAY, TUESDAY, WEDNESDAY, THURSDAY, FRIDAY, SATURDAY
weekdays-fontsize:5Weekdays 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:2Borders size.
textfont-bold:trueTo make it bold.
cell-border-color:#00000000Cell border color.
page-swipe:falseIf it is allowed swiping with the finger the months or the weeks. By default true
border:falseIf it has border or it has not.
week-start-hour:0Starting 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
<ondateselected refresh="true" show-wait-dialog="false" refresh-owner="DatosPoblaciones,MAP_FECHA,MAP_TITLE_NAMES_MES,MAP_TITLE_ANO,MAP_RUTA">
	<action name="runscript">
	<param name="DATEVALUE" />
	<param name="TIMEVALUE" />
	<param name="EVENTVALUE" />
		<script language="vbscript">   
			'Esto es para coger el valor de la fecha del día seleccionado
			thisDataColl.OwnerObject("MAP_FECHA")= DATEVALUE
			thisDataColl.OwnerObject("MAP_TITLE_NAMES_MES")=ucase(cstr(monthname(DATEVALUE)))
			thisDataColl.OwnerObject("MAP_TITLE_ANO")= cstr(year(DATEVALUE))
		</script>
	</action>
</ondateselected>
 
'Este nodo se ejecuta cuando se cambia el mes 
<onpageselected refresh="true" show-wait-dialog="false" refresh-owner="DatosPoblaciones,MAP_FECHA,MAP_TITLE_NAMES_MES,MAP_TITLE_ANO,MAP_RUTA">
	<action name="runscript">
	<param name="DATEVALUE" />
	<param name="TIMEVALUE" />
	<param name="EVENTVALUE" />
		<script language="vbscript">          
			thisDataColl.OwnerObject("MAP_FECHA")= DATEVALUE
			thisDataColl.OwnerObject("MAP_TITLE_NAMES_MES")=ucase(cstr(monthname(DATEVALUE)))
			thisDataColl.OwnerObject("MAP_TITLE_ANO")= cstr(year(DATEVALUE))
		</script>
	</action>
</onpageselected>
 
 
'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.
<oncelldraw>
	<action name="runscript">
	<param name="CELLDATE" />
		<script language="VBScript">
			'Poner el script que sea.                              
		</script>
	</action>
</oncelldraw>


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