<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <form id="target" class="form-horizontal"> <fieldset><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Form Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='Felmérés' /> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Form Name" data-trigger="manual" data-html="true"><!-- Form Name --> <legend>Felmérés</legend> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Group Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='kerdes1' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Láttad már az Alapítvány weboldalát?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radios'>Igen Nem</textarea> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios Values </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radiosValues'>1 2</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Multiple Radios" data-trigger="manual" data-html="true"><!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes1">Láttad már az Alapítvány weboldalát?</label> <div class="col-md-4"> <div class="radio"> <label for="kerdes1-0"> <input type="radio" name="kerdes1" id="kerdes1-0" value="1" checked="checked"> Igen </label> </div> <div class="radio"> <label for="kerdes1-1"> <input type="radio" name="kerdes1" id="kerdes1-1" value="2"> Nem </label> </div> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Group Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='kerdes2' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Tetszik az alapítvány weboldala?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radios'>Igen Nem</textarea> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios Values </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radiosValues'>1 2</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Multiple Radios" data-trigger="manual" data-html="true"><!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes2">Tetszik az alapítvány weboldala?</label> <div class="col-md-4"> <div class="radio"> <label for="kerdes2-0"> <input type="radio" name="kerdes2" id="kerdes2-0" value="1" checked="checked"> Igen </label> </div> <div class="radio"> <label for="kerdes2-1"> <input type="radio" name="kerdes2" id="kerdes2-1" value="2"> Nem </label> </div> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Group Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='kerdes3' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Megtalálsz az oldalon minden fontos információt?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radios'>Igen Nem</textarea> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios Values </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radiosValues'>1 2</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Multiple Radios" data-trigger="manual" data-html="true"><!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes3">Megtalálsz az oldalon minden fontos információt?</label> <div class="col-md-4"> <div class="radio"> <label for="kerdes3-0"> <input type="radio" name="kerdes3" id="kerdes3-0" value="1" checked="checked"> Igen </label> </div> <div class="radio"> <label for="kerdes3-1"> <input type="radio" name="kerdes3" id="kerdes3-1" value="2"> Nem </label> </div> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Group Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='kerdes4' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Tetszik a Csoportok oldal?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radios'>Igen Nem</textarea> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios Values </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radiosValues'>1 2</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Multiple Radios" data-trigger="manual" data-html="true"><!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes4">Tetszik a Csoportok oldal?</label> <div class="col-md-4"> <div class="radio"> <label for="kerdes4-0"> <input type="radio" name="kerdes4" id="kerdes4-0" value="1" checked="checked"> Igen </label> </div> <div class="radio"> <label for="kerdes4-1"> <input type="radio" name="kerdes4" id="kerdes4-1" value="2"> Nem </label> </div> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Group Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='kerdes5' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Tetszik a Galéria?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radios'>Igen Nem</textarea> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios Values </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radiosValues'>1 2</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Multiple Radios" data-trigger="manual" data-html="true"><!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes5">Tetszik a Galéria?</label> <div class="col-md-4"> <div class="radio"> <label for="kerdes5-0"> <input type="radio" name="kerdes5" id="kerdes5-0" value="1" checked="checked"> Igen </label> </div> <div class="radio"> <label for="kerdes5-1"> <input type="radio" name="kerdes5" id="kerdes5-1" value="2"> Nem </label> </div> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Group Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='kerdes6' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Hogy tetszik az Események oldal?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radios'>Igen Nem</textarea> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios Values </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radiosValues'>1 2</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Multiple Radios" data-trigger="manual" data-html="true"><!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes6">Hogy tetszik az Események oldal?</label> <div class="col-md-4"> <div class="radio"> <label for="kerdes6-0"> <input type="radio" name="kerdes6" id="kerdes6-0" value="1" checked="checked"> Igen </label> </div> <div class="radio"> <label for="kerdes6-1"> <input type="radio" name="kerdes6" id="kerdes6-1" value="2"> Nem </label> </div> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Group Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='kerdes7' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Szerinted szükség van az Események megjelenítésére?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radios'>Igen Nem</textarea> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios Values </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radiosValues'>1 2</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Multiple Radios" data-trigger="manual" data-html="true"><!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes7">Szerinted szükség van az Események megjelenítésére?</label> <div class="col-md-4"> <div class="radio"> <label for="kerdes7-0"> <input type="radio" name="kerdes7" id="kerdes7-0" value="1" checked="checked"> Igen </label> </div> <div class="radio"> <label for="kerdes7-1"> <input type="radio" name="kerdes7" id="kerdes7-1" value="2"> Nem </label> </div> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> Group Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='name' id='name' value ='kerdes8' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Tetszik a Csoportok oldal?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radios'>Igen Nem</textarea> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Radios Values </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea-split" id='radiosValues'>1 2</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Multiple Radios" data-trigger="manual" data-html="true"><!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes8">Tetszik a Csoportok oldal?</label> <div class="col-md-4"> <div class="radio"> <label for="kerdes8-0"> <input type="radio" name="kerdes8" id="kerdes8-0" value="1" checked="checked"> Igen </label> </div> <div class="radio"> <label for="kerdes8-1"> <input type="radio" name="kerdes8" id="kerdes8-1" value="2"> Nem </label> </div> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> ID / Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='id' id='id' value ='kerdes9' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Mi az amit hiányolsz az oldalról?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Starting Text </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea" style='min-height: 200px' id='textarea'>Válaszodat ide írhatod</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Text Area" data-trigger="manual" data-html="true"><!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes9">Mi az amit hiányolsz az oldalról?</label> <div class="col-md-4"> <textarea class="form-control" id="kerdes9" name="kerdes9">Válaszodat ide írhatod</textarea> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> ID / Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='id' id='id' value ='kerdes10' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='Mi lenne, amin te változtatnál?' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Starting Text </label> <div class="col-md-10"> <textarea class="form-control field" data-type="textarea" style='min-height: 200px' id='textarea'>Válaszodat ide írhatod</textarea> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Text Area" data-trigger="manual" data-html="true"><!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="kerdes10">Mi lenne, amin te változtatnál?</label> <div class="col-md-4"> <textarea class="form-control" id="kerdes10" name="kerdes10">Válaszodat ide írhatod</textarea> </div> </div> </div><div class="component" data-content="<form role="form"> <div class="form-group"> <label class="col-md-12 control-label"> ID / Name </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='id' id='id' value ='kuldes' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Label Text </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='label' id='label' value ='' /> </div> </div><div class="form-group"> <label class="col-md-12 control-label"> Button Label </label> <div class="col-md-10"> <input class='form-control field' data-type="input" type='text' name='buttonlabel' id='buttonlabel' value ='Küldés' /> </div> </div><div class="form-group"> <label class='col-md-4 control-label'> Button Type </label> <div class="col-md-5"> <select class="form-control field" data-type="select" id='buttontype'> <option value="btn-default" >Default</option> <option value="btn-primary" >Primary</option> <option value="btn-info" >Info</option> <option value="btn-success" selected >Success</option> <option value="btn-warning" >Warning</option> <option value="btn-danger" >Danger</option> <option value="btn-inverse" >Inverse</option> </select> </div> </div> <hr/> <button id="save" class='btn btn-info col-md-4'>Save</button>&nbsp;<button id="cancel" class='btn btn-danger'>Cancel</button> </form> " data-title="Single Button" data-trigger="manual" data-html="true"><!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="kuldes"></label> <div class="col-md-4"> <button id="kuldes" name="kuldes" class="btn btn-success">Küldés</button> </div> </div> </div></fieldset></form> </div> </div>