Form-Calender's CSS not working ?!

Suite and Optimus Suite 5
#1

Hello

As you can see at the picture the CSS for calender is not loading. But why? Files are included correctly and calendar is working in other scripts where i included files the same way?

Will be nice if someone can help me.

Here’s my code:

<link rel="stylesheet" type="text/css" href="../dhtmlx/Layout/dhtmlxlayout.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/Layout/skins/dhtmlxlayout_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/Grid/codebase/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/Grid/codebase/skins/dhtmlxgrid_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/Grid/codebase/ext/dhtmlxgrid_pgn_bricks.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/Toolbar/skins/dhtmlxtoolbar_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/Form/skins/dhtmlxform_dhx_terrace.css">      
<link rel="stylesheet" type="text/css" href="../dhtmlx/Calendar/dhtmlxcalendar.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/Calendar/skins/dhtmlxcalendar_dhx_skyblue.css">
      
<script src="../js/dispotool.js" type="text/javascript"></script>
<script src="../js/toolbar.js" charset="utf-8"></script>
<script src="../dhtmlx/Layout/dhtmlxcommon.js"></script>
<script src="../dhtmlx/Layout/dhtmlxlayout.js"></script>
<script src="../dhtmlx/Layout/dhtmlxcontainer.js"></script>
<script src="../dhtmlx/Grid/codebase/dhtmlxgrid.js"></script>
<script src="../dhtmlx/Grid/codebase/dhtmlxgridcell.js"></script>
<script src="../dhtmlx/Grid/codebase/ext/dhtmlxgrid_pgn.js"></script>
<script src="../dhtmlx/Grid/codebase/ext/dhtmlxgrid_drag.js"></script>
<script src="../dhtmlx/Treegrid/dhtmlxtreegrid.js"></script>
<script src="../dhtmlx/Treegrid/ext/dhtmlxtreegrid_lines.js"></script>
<script src="../dhtmlx/Toolbar/dhtmlxcommon.js"></script>
<script src="../dhtmlx/Toolbar/dhtmlxtoolbar.js"></script>
<script src="../dhtmlx/Calendar/dhtmlxcalendar.js"></script>
<script src="../dhtmlx/Form/dhtmlxcommon.js"></script>
<script src="../dhtmlx/Form/dhtmlxform.js"></script>
<script src="../dhtmlx/Form/ext/dhtmlxform_item_calendar.js"></script>
formdata = [
{type:'block',offsetTop: 15,width:200,list:[
   {type: "fieldset",label: "Arbeitszeit",list: [
      {type: "settings",position: "label-left"}, 
      {type: "calendar",name: "field1_1",label: "Start:",readonly: true,enableTime: true,dateFormat: "%d.%m.%Y %H:%i",serverDateFormat: "%Y-%m-%d %H:%i",inputWidth: 70,offsetLeft: 2}, 
      {type: "calendar",name: "field1_2",label: "Ende:",readonly: true,enableTime: true,dateFormat: "%d.%m.%Y %H:%i",serverDateFormat: "%Y-%m-%d %H:%i",inputWidth: 70}
   ]}
]}
];

var Form = Layout[2].cells('a').attachForm(formdata);
Form.setSkin("dhx_terrace");

Thank you

Best regards
Oli

#2

Could you attach completed demo withod PROF js files?
docs.dhtmlx.com/doku.php?id=othe … leted_demo

#3

Should be ok like this

Thank you

#4

Downloaded & delete files. Wait for answer.

#5

Look here, please:

Use FORM and CALENDAR in it in the same skins - apply ‘terrace’ for calendar

#6

Perfect … Thank you :slight_smile:

#7

You are welcome!