| ... |
... |
@@ -22,7
+22,7 @@ |
| 22 |
22 |
}, { |
| 23 |
23 |
'icon': 'fa fa-download', |
| 24 |
24 |
'title': 'Installation', |
| 25 |
|
- 'description': 'FORMCYCLE installieren oder updaten', |
|
25 |
+ 'description': 'FORMCYCLE installieren oder aktualisieren', |
| 26 |
26 |
'documentation': 'Formcycle.Installation' |
| 27 |
27 |
}, { |
| 28 |
28 |
'icon': 'fa fa-play-circle', |
| ... |
... |
@@ -31,9
+31,9 @@ |
| 31 |
31 |
'documentation': 'https://formcycle.eu/de/features' |
| 32 |
32 |
}, { |
| 33 |
33 |
'iconfc': 'puzzle', |
| 34 |
|
- 'title': 'Tutorials', |
|
34 |
+ 'title': 'Anwendungsfälle', |
| 35 |
35 |
'description': 'Formulardaten verarbeiten', |
| 36 |
|
- 'documentation': 'Formcycle.UserInterface.MyForms.WorkflowProcessing' |
|
36 |
+ 'documentation': 'doc:Examples.WebHome' |
| 37 |
37 |
}, { |
| 38 |
38 |
'iconfc': 'form', |
| 39 |
39 |
'title': 'Beispiele', |
| ... |
... |
@@ -43,7
+43,7 @@ |
| 43 |
43 |
|
| 44 |
44 |
#set ($smallCards = [{ |
| 45 |
45 |
'iconfc': 'comment-faq-outline', |
| 46 |
|
- 'title': 'FAQ', |
|
46 |
+ 'title': 'Häufig gestellte Fragen', |
| 47 |
47 |
'description': 'Häufig gestellte Fragen', |
| 48 |
48 |
'documentation': "https://faq.formcycle.eu/" |
| 49 |
49 |
}, { |
| ... |
... |
@@ -67,7
+67,7 @@ |
| 67 |
67 |
'description': 'Informationen zur XIMA FORM.CLOUD', |
| 68 |
68 |
'documentation': 'doc:FORMCLOUD.WebHome' |
| 69 |
69 |
}, { |
| 70 |
|
- 'icon': 'fa fa-play-circle', |
|
70 |
+ 'icon': 'fa fa-list', |
| 71 |
71 |
'title': 'Release Notes', |
| 72 |
72 |
'description': 'Release Notes und Download der aktuellen Version', |
| 73 |
73 |
'documentation': 'doc:Blog.WebHome' |
| ... |
... |
@@ -105,17
+105,21 @@ |
| 105 |
105 |
color: #0cf !important; |
| 106 |
106 |
} |
| 107 |
107 |
.jQButton { |
| 108 |
|
- width:12%; |
| 109 |
109 |
color: #fff; |
| 110 |
110 |
background-color: #3480AD;/*#f0f0f3*/ |
| 111 |
111 |
text-align: center; |
| 112 |
112 |
display: inline-block; |
| 113 |
|
- user-select: none; |
| 114 |
|
- border-radius: 16px; |
| 115 |
|
- padding: 4px 4px 4px 4px; |
|
112 |
+ border-radius: 4px; |
|
113 |
+ padding: 4px 10px 4px 22px; |
| 116 |
116 |
font-size: 15px |
|
115 |
+ margin: auto; |
|
116 |
+ margin-bottom: 5px; |
|
117 |
+ -moz-user-select: -moz-none; |
|
118 |
+ -khtml-user-select: none; |
|
119 |
+ -webkit-user-select: none; |
|
120 |
+ -ms-user-select: none; |
|
121 |
+ user-select: none; |
| 117 |
117 |
} |
| 118 |
|
- |
| 119 |
119 |
.jQButton[active=false] { |
| 120 |
120 |
background-color: #a7a7a7; |
| 121 |
121 |
} |
| ... |
... |
@@ -125,6
+125,19 @@ |
| 125 |
125 |
.jQButton[active=false]:hover { |
| 126 |
126 |
background-color: #676767; |
| 127 |
127 |
} |
|
132 |
+.jQButton .jQButton-icon::before { |
|
133 |
+ font-family: "FontAwesome"; |
|
134 |
+ font-size: 14px; |
|
135 |
+ font-weight: 400; |
|
136 |
+ content: "\f046"; |
|
137 |
+} |
|
138 |
+.jQButton[active=false] .jQButton-icon::before { |
|
139 |
+ content: "\f096"; |
|
140 |
+} |
|
141 |
+.jQButton-icon { |
|
142 |
+ position: absolute; |
|
143 |
+ margin-left: -11px; |
|
144 |
+} |
| 128 |
128 |
</style> |
| 129 |
129 |
|
| 130 |
130 |
<script> |
| ... |
... |
@@ -767,12
+767,12 @@ |
| 767 |
767 |
<div class="d-none d-md-block col-lg-12 card-main"> |
| 768 |
768 |
<div class="well" > |
| 769 |
769 |
<div id="jQButtons"> |
| 770 |
|
- <div id="jQBtn1" class="jQButton" group="Designer" active="true">Designer</div> |
| 771 |
|
- <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true">Datenquellen</div> |
| 772 |
|
- <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true">Statusverarbeitung</div> |
| 773 |
|
- <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true">Abschlusseite</div> |
| 774 |
|
- <div id="jQBtn1" class="jQButton" group="Posteingang" active="true">Posteingang</div> |
| 775 |
|
- <div id="jQBtn1" class="jQButton" group="Anderes" active="true">Anderes</div> |
|
787 |
+ <div id="jQBtn1" class="jQButton" group="Designer" active="true"><span class="jQButton-icon"></span> Designer</div> |
|
788 |
+ <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"><span class="jQButton-icon"></span> Datenquellen</div> |
|
789 |
+ <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"><span class="jQButton-icon"></span> Statusverarbeitung</div> |
|
790 |
+ <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"><span class="jQButton-icon"></span> Abschlusseite</div> |
|
791 |
+ <div id="jQBtn1" class="jQButton" group="Posteingang" active="true"><span class="jQButton-icon"></span> Posteingang</div> |
|
792 |
+ <div id="jQBtn1" class="jQButton" group="Anderes" active="true"><span class="jQButton-icon"></span> Anderes</div> |
| 776 |
776 |
</div> |
| 777 |
777 |
<div id="jQArea"> |
| 778 |
778 |
</div> |