easylinux/BoostrapPageGenerator4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed a bug

Browse Source 
fixed the following bug https://www.useloom.com/share/f4ab0aa8607646c0af8ced30bab4e958
This commit is contained in:
Francesco Malagrino
2018-01-25 13:10:03 +00:00
committed by GitHub
parent 6277489630
commit 759a8283f4
1 changed files with 127 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
4 beta 2/index.html
View File

@@ -10,7 +10,7 @@
<meta name="keywords" content="Create page with Bootstrap"> <meta name="keywords" content="Create page with Bootstrap">
<title>Bootstrap 4 Page Builder</title> <title>Bootstrap 4 Page Builder</title>
<!-- Le styles --> <!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet"> <link href="css/bootstrap.css" rel="stylesheet">
<link href="css/toolbox.css" rel="stylesheet"> <link href="css/toolbox.css" rel="stylesheet">
<link href="css/editor.css" rel="stylesheet"> <link href="css/editor.css" rel="stylesheet">
<link href="css/docs.min.css" rel="stylesheet"> <link href="css/docs.min.css" rel="stylesheet">
@@ -81,8 +81,8 @@
<div class="row-fluid"> <div class="row-fluid">
<div class=""> <div class="">
<span></span> <span></span>
<div class="sidebar-nav" style="overflow: hidden;"> <div class="sidebar-nav" style="overflow: scroll;">
<ul class="nav nav-list accordion-group"> <ul class="nav nav-list accordion-group" style="overflow: scroll;">
<li class="nav-header"> <li class="nav-header">
<div class="pull-right popover-info"> <div class="pull-right popover-info">
<i class="icon-question-sign "></i> <i class="icon-question-sign "></i>
@@ -335,7 +335,7 @@
</div> </div>
</li> </li>
</ul> </ul>
<ul class="nav nav-list accordion-group"> <ul class="nav nav-list accordion-group" style="overflow: scroll;">
<li class="nav-header"> <li class="nav-header">
<i class="icon-plus icon-white"></i> BASE CSS <i class="icon-plus icon-white"></i> BASE CSS
<div class="pull-right popover-info"> <div class="pull-right popover-info">
@@ -608,14 +608,14 @@
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Dashboard</div> <div class="preview">Dashboard</div>
<span class="configuration"> <span class="configuration">
<button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button>
</span> </span>
<div class="view"> <div class="view">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<h1>Dashboard</h1> <h1>Dashboard</h1>
@@ -775,7 +775,7 @@
</div> </div>
</div></div> </div></div>
</div> </div>
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<span class="configuration"> <span class="configuration">
<button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button>
@@ -783,7 +783,7 @@
<div class="preview">Color</div> <div class="preview">Color</div>
<div class="view"> <div class="view">
<div class="bs-example"> <div class="bs-example">
<div class="color-swatches"> <div class="color-swatches">
<div class="color-swatch brand-primary"></div> <div class="color-swatch brand-primary"></div>
<div class="color-swatch brand-success"></div> <div class="color-swatch brand-success"></div>
@@ -791,18 +791,18 @@
<div class="color-swatch brand-warning"></div> <div class="color-swatch brand-warning"></div>
<div class="color-swatch brand-danger"></div> <div class="color-swatch brand-danger"></div>
</div> </div>
<br /> <br />
<div class="color-swatches"> <div class="color-swatches">
<div class="color-swatch gray-darker"></div> <div class="color-swatch gray-darker"></div>
<div class="color-swatch gray-dark"></div> <div class="color-swatch gray-dark"></div>
<div class="color-swatch gray"></div> <div class="color-swatch gray"></div>
<div class="color-swatch gray-light"></div> <div class="color-swatch gray-light"></div>
<div class="color-swatch gray-lighter"></div> <div class="color-swatch gray-lighter"></div>
</div>
</div> </div>
</div>
</div> </div>
<div class="box box-element ui-draggable"> </div>
</div>
<div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<span class="configuration"> <span class="configuration">
<button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button>
@@ -814,7 +814,7 @@
<li class="" rel="fa-4"><a href="#" rel="fa-4">Medium</a></li> <li class="" rel="fa-4"><a href="#" rel="fa-4">Medium</a></li>
<li class="" rel="fa-3"><a href="#" rel="fa-3">Normal</a></li> <li class="" rel="fa-3"><a href="#" rel="fa-3">Normal</a></li>
<li class="" rel="fa-2"><a href="#" rel="fa-2">Small</a></li> <li class="" rel="fa-2"><a href="#" rel="fa-2">Small</a></li>
<li class="" rel="fa-1"><a href="#" rel="fa-1">Tiny</a></li> <li class="" rel="fa-1"><a href="#" rel="fa-1">Tiny</a></li>
</ul> </ul>
</span> </span>
<span class="btn-group"> <span class="btn-group">
@@ -1522,19 +1522,19 @@
<div class="view"> <div class="view">
<span contenteditable="true" class="fa fa-address-book fa-3" aria-hidden="true"> <span contenteditable="true" class="fa fa-address-book fa-3" aria-hidden="true">
</span> </span>
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
<ul class="nav nav-list accordion-group"> <ul class="nav nav-list accordion-group" style="overflow: scroll;">
<li class="nav-header"> <li class="nav-header">
<i class="icon-plus icon-white"></i> FORMS <i class="icon-plus icon-white"></i> FORMS
<div class="pull-right popover-info"> <div class="pull-right popover-info">
<i class="icon-question-sign "></i> <i class="icon-question-sign "></i>
<div class="popover fade right"> <div class="popover fade right">
<div class="arrow"></div> <div class="arrow"></div>
@@ -1542,16 +1542,16 @@
<div class="popover-content">DRAG &amp; DROP THE ELEMENTS INSIDE THE COLUMNS WHERE YOU WANT TO INSERT IT. IF YOU NEED MORE INFO PLEASE VISIT <a target="_blank" href="http://getbootstrap.com/css/#forms">FORM.</a></div> <div class="popover-content">DRAG &amp; DROP THE ELEMENTS INSIDE THE COLUMNS WHERE YOU WANT TO INSERT IT. IF YOU NEED MORE INFO PLEASE VISIT <a target="_blank" href="http://getbootstrap.com/css/#forms">FORM.</a></div>
</div> </div>
</div> </div>
</li> </li>
<li style="display: none;" class="boxes" id="elmComponents"> <li style="display: none;" class="boxes" id="elmComponents">
<!-- Horizontal Form --> <!-- Horizontal Form -->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<span class="configuration"> <span class="configuration">
<button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button>
</span> </span>
<div class="preview">Horizontal form</div> <div class="preview">Horizontal form</div>
<div class="view"> <div class="view">
<form> <form>
<div class="form-group row has-success"> <div class="form-group row has-success">
@@ -1634,8 +1634,8 @@
<input type="text" class='form-control'/> <input type="text" class='form-control'/>
</div> </div>
</div> </div>
<!--Password Input--> <!--Password Input-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Password input</div> <div class="preview">Password input</div>
<div class="view"> <div class="view">
@@ -1643,26 +1643,26 @@
</div> </div>
</div> </div>
<!--Email Input--> <!--Email Input-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Email input</div> <div class="preview">Email input</div>
<div class="view"> <div class="view">
<input type="email" class='form-control' placeholder="type your email here"/> <input type="email" class='form-control' placeholder="type your email here"/>
</div> </div>
</div> </div>
<!--Text Area--> <!--Text Area-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Text Area</div> <div class="preview">Text Area</div>
<div class="view"> <div class="view">
<textarea class='form-control'>Default text </textarea> <textarea class='form-control'>Default text </textarea>
</div> </div>
</div> </div>
<!--Checkbox inline--> <!--Checkbox inline-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Inline Checkbox</div> <div class="preview">Inline Checkbox</div>
<div class="view"> <div class="view">
<div class="form-check form-check-inline"> <div class="form-check form-check-inline">
<label class="form-check-label"> <label class="form-check-label">
@@ -1681,29 +1681,29 @@
</div> </div>
</div> </div>
</div> </div>
<!--multiple checkbox--> <!--multiple checkbox-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Multiple Checkbox</div> <div class="preview">Multiple Checkbox</div>
<div class="view"> <div class="view">
<div class="checkbox"> <div class="checkbox">
<label for="checkboxes-0"> <label for="checkboxes-0">
<input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1">
Option one Option one
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label for="checkboxes-1"> <label for="checkboxes-1">
<input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2">
Option two Option two
</label> </label>
</div> </div>
</div> </div>
</div> </div>
<!--radio inline--> <!--radio inline-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Inline Radio</div> <div class="preview">Inline Radio</div>
<div class="view"> <div class="view">
<div class="form-check form-check-inline"> <div class="form-check form-check-inline">
<label class="form-check-label"> <label class="form-check-label">
@@ -1722,26 +1722,26 @@
</div> </div>
</div> </div>
</div> </div>
<!--Multiple radio--> <!--Multiple radio-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Multiple Radio</div> <div class="preview">Multiple Radio</div>
<div class="view"> <div class="view">
<div class="radio"> <div class="radio">
<label for="radios-0"> <label for="radios-0">
<input type="radio" name="radios" id="radios-0" value="1" checked="checked"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked">
Option one Option one
</label> </label>
</div> </div>
<div class="radio"> <div class="radio">
<label for="radios-1"> <label for="radios-1">
<input type="radio" name="radios" id="radios-1" value="2"> <input type="radio" name="radios" id="radios-1" value="2">
Option two Option two
</label> </label>
</div> </div>
</div> </div>
</div> </div>
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Static Controls</div> <div class="preview">Static Controls</div>
<div class="view"> <div class="view">
@@ -1868,7 +1868,7 @@
</div> </div>
</div> </div>
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Intermediate</div> <div class="preview">Intermediate</div>
<div class="view"> <div class="view">
@@ -1884,42 +1884,42 @@
</div> </div>
</div> </div>
<!--Basic Select--> <!--Basic Select-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Basic Select</div> <div class="preview">Basic Select</div>
<div class="view"> <div class="view">
<select id="selectbasic" name="selectbasic" class="form-control"> <select id="selectbasic" name="selectbasic" class="form-control">
<option value="1">Option one</option> <option value="1">Option one</option>
<option value="2">Option two</option> <option value="2">Option two</option>
</select> </select>
</div> </div>
</div> </div>
<!--Multiple Select--> <!--Multiple Select-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Multiple Select</div> <div class="preview">Multiple Select</div>
<div class="view"> <div class="view">
<select id="selectmultiple" name="selectmultiple" class="form-control" multiple="multiple"> <select id="selectmultiple" name="selectmultiple" class="form-control" multiple="multiple">
<option value="1">Option one</option> <option value="1">Option one</option>
<option value="2">Option two</option> <option value="2">Option two</option>
</select> </select>
</div> </div>
</div> </div>
<!--File Button--> <!--File Button-->
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">File Button</div> <div class="preview">File Button</div>
<div class="view"> <div class="view">
<label class="input-file"> <label class="input-file">
<input id="filebutton" name="filebutton" class="input-file" type="file"> <input id="filebutton" name="filebutton" class="input-file" type="file">
<span class="input-file-control"></span> <span class="input-file-control"></span>
</label> </label>
</div> </div>
</div> </div>
<!--BUTTON--> <!--BUTTON-->
@@ -2007,7 +2007,7 @@
<!--COMPONENTS--> <!--COMPONENTS-->
<!--------------> <!-------------->
<ul class="nav nav-list accordion-group"> <ul class="nav nav-list accordion-group" style="overflow: scroll;">
<li class="nav-header"> <li class="nav-header">
<i class="icon-plus icon-white"></i> COMPONENTS <i class="icon-plus icon-white"></i> COMPONENTS
<div class="pull-right popover-info"> <div class="pull-right popover-info">
@@ -2020,7 +2020,7 @@
</div> </div>
</li> </li>
<li style="display: none;" class="boxes" id="elmComponents"> <li style="display: none;" class="boxes" id="elmComponents">
<div class="box box-element ui-draggable"> <div class="box box-element ui-draggable">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<span class="configuration"> <span class="configuration">
<button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button>
@@ -2034,14 +2034,14 @@
<li class=""><a href="#" rel="alert-danger">Danger</a></li> <li class=""><a href="#" rel="alert-danger">Danger</a></li>
</ul> </ul>
</span> </span>
<a class="btn btn-mini" href="#" rel="alert-link">Alert link</a> <a class="btn btn-mini" href="#" rel="alert-link">Alert link</a>
<a class="btn btn-mini" href="#" rel="alert-heading">Alert Heading</a> <a class="btn btn-mini" href="#" rel="alert-heading">Alert Heading</a>
</span> </span>
<div class="preview">Alerts</div> <div class="preview">Alerts</div>
<div class="view"> <div class="view">
<div class="alert" role="alert"> <div class="alert" role="alert">
<strong>Well done!</strong> You successfully read this important alert message. <strong>Well done!</strong> You successfully read this important alert message.
</div> </div>
</div> </div>
</div> </div>
@@ -2643,7 +2643,7 @@
</li> </li>
</ul> </ul>
<ul class="nav nav-list accordion-group"> <ul class="nav nav-list accordion-group" style="overflow: scroll;">
<li class="nav-header"> <li class="nav-header">
<i class="icon-plus icon-white"></i> JAVASCRIPT <i class="icon-plus icon-white"></i> JAVASCRIPT
<div class="pull-right popover-info"> <div class="pull-right popover-info">
@@ -2961,24 +2961,24 @@
</div> </div>
<!--/.fluid-container--> <!--/.fluid-container-->
<div class="modal fade" id="editorModal" tabindex="-1" role="dialog" aria-labelledby="editorModalLabel" aria-hidden="true"> <div class="modal fade" id="editorModal" tabindex="-1" role="dialog" aria-labelledby="editorModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Save your Layout</h5> <h5 class="modal-title" id="exampleModalLabel">Save your Layout</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<textarea id="contenteditor"></textarea> <textarea id="contenteditor"></textarea>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button id="savecontent" type="button" class="btn btn-primary" data-dismiss="modal">Save</button> <button id="savecontent" type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
<button type="button" class="btn" data-dismiss="modal">Cancel</button> <button type="button" class="btn" data-dismiss="modal">Cancel</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade" id="downloadModal" tabindex="-1" role="dialog" aria-labelledby="downloadModalLabel" aria-hidden="true"> <div class="modal fade" id="downloadModal" tabindex="-1" role="dialog" aria-labelledby="downloadModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">