savokiss / layoutit

layoutit with bootstrap v3.3.6

Layoutit

• This is layoutit bootstrap builder
• Copied from http://ibootstrap.cn
• Updated bootstrap to 3.3.6
• See demo: layoutit

CHANGELOG

• Add english version: layoutit/en

License

layoutit's Issues

试试这个更强大的

https://github.com/vularsoft/rxeditor

how to update multiple dragged image that i have already saved with database

hello everyone am updating image dragged with database but problem is that when am updating one image all the image dragged got updating with same

thank you in advance here is my code please let me know if there any one know am trying to solve this from last 2 days but not able to do
thank you so much
**this is the image div for dragging **
<div class="preview">Images</div> <div class="view imageschange "> <img alt="140x140" width="100%" height="100%" id="uniqueid" src="img/Desert.jpg" data-toggle="modal" data-target="#exampleModal"> </div>

**this code is for all the image form the database **
<?php foreach ($result as $row) { ?> <td > <input type="checkbox" value="<?php echo $row['images_id']; ?>" id="<?php echo $row['images_id']; ?>" name="image_id" required > <?php Echo "<img width='100px;' height='100px;' src=img/".$row['images_path'] .">"; ?> </td> <?php } ?> <input type="submit" style="float: right;" onclick="checkFluency()" class="btn btn-primary" value="Insert" name="changedImage" id="changedImage" />

this line of code for selecting one image form the modal using checkbox onclick event
`function checkFluency(){
var img = document.getElementsByName('image_id');
var selectedimg="";
for(var i=0; i<img.length; i++){
if(img[i].type=='checkbox' && img[i].checked==true){
selectedimg+=img[i].value+"\n";

        $.ajax({
            url: 'newtest.php',
            type: 'POST',
            data:{post_id:selectedimg},              
            success: function(response){                  
              console.log(response);
               $('.imageschange').html(response);                  
              $('#exampleModal').modal('hide');
            },
            error: function(error){
              console.log("error");
            }
      });
      
      }  
    }
  }`

**and last this line of code for response of ajax that changes the image **
`if(isset($_POST['post_id'])){
$issueID = $_POST['post_id'];//echo $issueID; // echo the data

$sql = "SELECT images_id, images_path FROM images_tbl WHERE images_id= $issueID";
//echo $sql;
$result = mysqli_query($conn, $sql);?>

<img alt="140x140" width="100%" height="100%"
src="img/" id=""
data-toggle="modal" data-target="#exampleModal">

                 <?php  }   }?> `

English Translation?

Hi, Thanks for the efforts to put up this wonderful code on github.
However, I have been facing a critical issue here. I don't understand chinese, so I am unable to use it. Is there an english version that you point me to or maybe, is there any other way you could probably help me out? As I suppose I won't be the only one here who requires an english translation, I guess, it would be as good for many others like me.

Thanks again! :)

Found 2 elements with non-unique id #exampleInputEmail1

when i drag the form element to the droppable position am getting this error in image below

thank you