AgendaAdd a calendar to your website
This block displays a nice and dynamic calendar on you website. You can customize its events easily: title, color, dates, description.
1.0local://CalendarCptServer<!-- CALENDAR CONTAINER -->
<div class="uica_calendar">
<div class="uica_calendar_container"></div>
</div>
<!-- Add Event form -->
<div class="uica_window" style="display:none;">
<div class="uica_header_window">
<input class="uica_title_event uica_te" type="text" name="title_event" placeholder="Event title">
<!--COLOR PICKER -->
<span class="fonticon uica_window_close_btn">✖</span>
<button class="uica_cs_opener" style="padding: 3px 8px;border-radius: 2px;border: 0px solid;background-color: transparent;margin-left: 10px;float:right">
<span class="fonticon"></span>
</button>
<div class="uica_color_selector">
<div class="uica_cs_square"></div>
<div class="uica_cs_title">
<span>Choose a color</span>
<span class="fonticon uica_cf_close_btn">✖</span>
</div>
<div class="uica_cs_container">
<div class="uica_cs_card_more">
<span class="uica_cs_textcolor">Or another color</span>
<input class="uica_colorPicker input_colorPicker">
</div>
</div>
</div>
</div>
<div class="uica_content">
<div class="uica_event_dates">
<!-- Jour entier==> checkbox -->
<div>
<label for="use_hour">Specify hours</label>
<input class="uica_input_use_hour" name='use_hour' type='checkbox' value='use_hour'>
</div>
<div>
<label for="start_date">Start Date</label>
<div class='input-group date uica_startdatepicker'>
<input type='text' class="form-control" style="height: 29px;border-radius: 2px;padding-left:45px;" required="required"/>
<span class="input-group-addon">
<span class="fonticon">⏨</span>
</span>
</div>
</div>
<div>
<label for="end_date">End Date</label>
<div class='input-group date uica_enddatepicker'>
<input type='text' class="form-control" style="height: 29px;border-radius: 2px;padding-left:45px;" required="required"/>
<span class="input-group-addon">
<span class="fonticon">⏨</span>
</span>
</div>
</div>
</div>
<div class="uica_elements uica_textcontainer">
<label>Description: </label>
<div class="uica_ptxt" uitype="editor" uinocb="true"></div>
</div>
</div>
<div class="uica_footer">
<button class="uica_delete_btn btn btn-default"><span class="fonticon" style="font-size: 14px;">ऀ</span> Delete</button>
<button class="uica_submit_btn btn btn-primary"></button>
</div>
</div>
<!-- Popup viewer form -->
<div class="uica_viewer_event_window" style="display:none;">
<div class="uica_viewer_header_window">
<span class="fonticon uica_viewer_close_btn">✖</span>
<label class="uica_viewer_title_event uica_te"></label>
</div>
<div class="uica_viewer_content">
<div class="uica_viewer_event_dates">
<span class="uica_viewer_date_event"></span>
</div>
<div class="uica_viewer_uica_elements">
<label>Description</label>
<div class="uica_viewer_description_container"></div>
</div>
</div>
</form>
</div>