xxxxxxxxxx1
<!doctype html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>Unbenanntes Dokument</title>6
7
<!-- Font Awesome -->8
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"9
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">10
<!-- Google Fonts Roboto -->11
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">12
<!-- Bootstrap core CSS -->13
<link rel="stylesheet" href="css/bootstrap.min.css">14
<!-- Material Design Bootstrap -->15
<link rel="stylesheet" href="css/mdb.min.css">16
<!-- Your custom styles (optional) -->17
<link rel="stylesheet" href="//malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.css">18
19
</head>20
21
<body>22
23
<!-- Extra large modal -->24
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-xl">Extra25
large modal</button>26
27
<div class="modal fade bd-example-modal-xl" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel"28
aria-hidden="true">29
<div class="modal-dialog modal-xl modal-dialog-scrollable">30
<div class="modal-content">31
32
<div class="modal-header">33
<h4 class="modal-title" id="gridModalLabel">Modal title</h4>34
<button type="button" class="close" data-dismiss="modal" aria-label="Close">35
<span aria-hidden="true">×</span>36
</button>37
</div>38
<div class="modal-body">39
40
<div class="row">41
42
<div class="col-lg-5" style="float: left; padding: 6px; margin: 10px">43
44
<div class="row">45
<div class="col-sm-12">46
<div class="md-form mb-0 form-sm">47
<input type="text" id="ArticleNammeNew" name="ArticleNammeNew" class="form-control">48
<label for="ArticleNammeNew" class="">Article Name:</label>49
</div>50
</div>51
</div>52
53
<div class="row">54
<div class="col-sm-12">55
<div class="md-form mb-0 form-sm">56
<select id="ArticleSupplierNew" name="ArticleSupplierNew" class="mdb-select md-form" searchable="Search here..">57
<option value='1'>Option 1</option>58
<option value='2'>Option 2</option>59
<option value='3'>Option 3</option>60
</select>61
<label for="ArticleSupplierNew" class="">Supplier:</label>62
</div>63
</div>64
</div>65
66
<div class="row">67
<div class="col-lg-12">68
<div class="md-form mb-0 form-sm">69
<textarea type="text" id="ArticleDescriptionNew" name="ArticleDescriptionNew" class="md-textarea form-control"></textarea>70
<label for="ArticleDescriptionNew" class="">Description:</label>71
</div>72
</div>73
</div>74
75
<div class="row">76
<div class="col-sm-12">77
<div class="md-form mb-0 form-sm">78
<input type="text" id="ArticleInternArticleNumberNew" name="ArticleInternArticleNumberNew" class="form-control">79
<label for="ArticleInternArticleNumberNew" class="">Intern Article Nr:</label>80
</div>81
</div>82
</div>83
84
<div class="row">85
<div class="col-sm-12">86
<div class="md-form mb-0 form-sm">87
<input type="text" id="ArticleALBAArticleNumberNew" name="ArticleInternArticleNumberNew" class="form-control">88
<label for="ArticleALBAArticleNumberNew" class="">ALB Art Nr:</label>89
</div>90
</div>91
</div>92
93
<div class="row">94
<div class="col-sm-12">95
<div class="md-form mb-0 form-sm">96
<input type="text" id="ArticleSupplierArticleNumberNew" name="ArticleSupplierArticleNumberNew" class="form-control">97
<label for="ArticleSupplierArticleNumberNew" class="">Supplier Art Nr:</label>98
</div>99
</div>100
</div>101
102
<div class="row">103
<div class="col-sm-12">104
<div class="md-form mb-0 form-sm">105
<input type="text" id="ArticleEANNew" name="ArticleEANNew" class="form-control">106
<label for="ArticleEANNew" class="">EAN:</label>107
</div>108
</div>109
</div>110
111
112
113
</div>114
<div class="col-md-3" style="float: left; padding: 6px; margin: 10px">115
116
117
118
<div class='row'>119
<div class='col-sm-12'>120
<div class='md-form mb-0 form-sm'>121
<select id='ProductAreaNew' name='ProductAreaNew' class='md-select md-form' searchable='Search here..'>122
<option value='1'>Option 1</option>123
<option value='2'>Option 2</option>124
<option value='3'>Option 3</option>125
</select>126
<label for='ProductAreaNew' class=''>Product Area:</label>127
</div>128
</div>129
</div>130
131
<div class='row'>132
<div class='col-sm-12'>133
<div class='mdb-form mb-0 form-sm'>134
<select id='MaterialTypNew' name='MaterialTypNew' class='mdb-select md-form' searchable='Search here..'>135
<option value='1'>Option 1</option>136
<option value='2'>Option 2</option>137
<option value='3'>Option 3</option>138
</select>139
<label for='MaterialTypNew' class=''>Material Typ:</label>140
</div>141
</div>142
</div>143
144
<div class='row'>145
<div class='col-sm-12'>146
<div class='md-form mb-0 form-sm'>147
<select id='ArticleTypNew' name='ArticleTypNew' class='custom-select custom-select-sm" md-form' searchable='Search here..'>148
<option value='1'>Option 1</option>149
<option value='2'>Option 2</option>150
<option value='3'>Option 3</option>151
</select>152
<label for='ArticleTypNew' class=''>Article Typ:</label>153
</div>154
</div>155
</div>156
157
<div class='row'>158
<div class='col-sm-12'>159
<div class='md-form mb-0 form-sm'>160
<select id='ArticleRowNew' name='ArticleRowNew' class='mdb-select md-form' searchable='Search here..'>161
<option value='1'>Option 1</option>162
<option value='2'>Option 2</option>163
<option value='3'>Option 3</option> </select>164
<label for='ArticleRowNew' class=''>Article Row:</label>165
</div>166
</div>167
</div>168
169
<div class='row'>170
<div class='col-sm-12'>171
<div class='md-form mb-0 form-sm'>172
<input type='text' id='ArticleColorNew' name='ArticleColorNew' class='form-control'>173
<label for='ArticleColorNew' class=''>Color:</label>174
</div>175
</div>176
</div>177
178
<div class='row'>179
<div class='col-sm-12'>180
<div class='md-form mb-0 form-sm'>181
<select id='ArticleMeasureNew' name='ArticleMeasureNew' class='mdb-select md-form' searchable='Search here..'>182
<option value='1'>Option 1</option>183
<option value='2'>Option 2</option>184
<option value='3'>Option 3</option>185
</select>186
<label for='ArticleMeasureNew' class=''>Measure:</label>187
</div>188
</div>189
</div>190
191
192
193
194
</div>195
<div class="col-sm-3" style="background-color: blue; float: right; padding: 6px; margin: 10px">196
.col-md-2197
</div>198
199
</div>200
<br>201
202
203
</div>204
<div class="modal-footer">205
<button type="button" class="btn btn-default waves-effect waves-light" data-dismiss="modal">Close</button>206
<button type="button" class="btn btn-primary waves-effect waves-light">Save changes</button>207
</div>208
209
210
</div>211
</div>212
</div>213
214
215
216
217
218
<!-- using online scripts -->219
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>220
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"221
integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous">222
</script>223
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous">224
</script>225
<script src="//malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>226
227
<script src="../_navi/src/js/main.js"></script>228
229
<!-- jQuery -->230
<script type="text/javascript" src="../../js/jquery.min.js"></script>231
<!-- Bootstrap tooltips -->232
<script type="text/javascript" src="../../js/popper.min.js"></script>233
<!-- Bootstrap core JavaScript -->234
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>235
<!-- MDB core JavaScript -->236
<script type="text/javascript" src="../../js/mdb.min.js"></script>237
<!-- Your custom scripts (optional) -->238
239
</body>240
</html>241
1
1
1
1
Console errors: 0