Skip to content

Commit d6b5c93

Browse files
committed
update demo
1 parent c19b17e commit d6b5c93

4 files changed

Lines changed: 219 additions & 358 deletions

File tree

demo/iframe.html

Lines changed: 24 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,27 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<meta name="description" content="Utility first css framework, design faster and improve on your css by using native inline styles as classes. No learning curve, use what you already know" />
8-
<meta name="keywords" content="helper classes, utility classes, css framework, css library, inline style classes" />
9-
<meta name="robots" content="index,follow" />
10-
11-
<title>Attributes | CoCreateJS</title>
12-
13-
<!-- CoCreate Favicon -->
14-
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
15-
</head>
16-
<body contenteditable="true" class="sortable padding:2px" element_id="uXSkyENBJg150457">
17-
18-
<div selected-value='[element_id=KOwpiDknEi150457]' selected-attribute="data-attribute_target" selected-target=".attr" element_id="KOwpiDknEi150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">
19-
<h3 element_id="UOSXmIxqpp150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">Element List</h3>
20-
<div element_id="DXKWxRSIua150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">
21-
22-
<ul style="padding:20px;" element_id="BTDyibkoTt150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">
23-
<li element_id="hvPhQgkfPy150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class=""><i class="fa fa-header" element_id="wMbFwmNDTK150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true"></i>
24-
<p element_id="CIjCdpmugU150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">Header</p>
25-
</li>
26-
<li element_id="RermOcDFwG150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">
27-
<i class="fa fa-bar-chart" element_id="ZQenEPBhsE150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true"></i>
28-
<p element_id="ekQoVrkKdk150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">Chart Image</p>
29-
</li>
30-
<li id="new" element_id="HbcHnLofUV150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">
31-
<i class="fa fa-sign-in" element_id="sAnZqodgEX150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true"></i>
32-
<p element_id="QUZRBeyhMg150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">Login Form</p>
33-
<p element_id="eacVXBRQPH150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">Login Form</p>
34-
<p element_id="OzUtQtzQhz150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">Login Form</p>
35-
<p element_id="kxAFdDHHVA150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">Login Form</p>
36-
</li>
37-
</ul>
38-
39-
</div>
40-
</div>
41-
42-
<div id="box" element_id="uUsyRrFkEG150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">
43-
<div style=" padding: 20px;" element_id="LgZNKeRWft150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">
44-
<div style=" padding: 20px;" element_id="wIQWXhRKOz150457" data-coc-type="default" data-coc-name="" data-coc-draggable="true" data-coc-droppable="true" data-coc-option="true" data-coc-editable="true" data-coc-hoverable="true" class="">empty</div>
45-
</div>
46-
</div>
47-
48-
49-
<!--CoCreateJS CDN-->
50-
<!--<script src="https://cdn.cocreate.app/attributes/latest/CoCreate-attributes.min.js" ></script>-->
51-
<script src="../../../CoCreateJS/dist/CoCreate.js" ></script>
52-
53-
</body>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<meta name="description" content="Utility first css framework, design faster and improve on your css by using native inline styles as classes. No learning curve, use what you already know" />
9+
<meta name="keywords" content="helper classes, utility classes, css framework, css library, inline style classes" />
10+
<meta name="robots" content="index,follow" />
11+
12+
<title>Attributes | CoCreateJS</title>
13+
14+
<!-- CoCreate Favicon -->
15+
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
16+
</head>
17+
18+
<body>
19+
20+
<h1 id="new">canvas;#new</h1>
21+
22+
<!--<script src="https://cdn.cocreate.app/attributes/latest/CoCreate-attributes.min.js"></script>-->
23+
<script src="../../../CoCreateJS/dist/CoCreate.js"></script>
24+
25+
</body>
26+
5427
</html>

0 commit comments

Comments
 (0)