Sarwarhossain.com Website Review

I found some solution to make drag and drop on dashboard. After drag and drop we need to keep save the state for each user so when user login they can get their own dashboard what they saved last time. First do*nload and add jquer     border-bottom:1px solid #eee;     font-family:Verdana;     background:#fff;     min-height:100px; margin:5px;     font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em; } You can customized css based on your design but make sure that your .column clas* should have min-height or height if you remove that then you cann’t drag the item. h2 used for your dragable item, .placeholder is used when you drag some box and place holder will showing where it need to be place.   $('.column').sortable({     connectWith: '.column',     placeholder: 'placeholder',     forcePlaceholderSize: true,     opacity: 0.4,         stop: function(event, ui){ h2 used as handle, you can change it, we’ll discuss about stop in next section. your outcome something like this, here when I trying to drag item 2 Now In this way we just drag and drop but when we need to save each state and when user logout and again login the dashboard should be same when they logout, I used here php and mysql to save state, Here is the database table ‘order’ it used for item order in a column, ‘widget’ it uses when we do for loop we might need to call some                                          put your contents based on your widget                                           put your contents based on your widget                                          put your contents based on your widget Now we have to pas* ajax requset based on the change of dahboard which will keep your dashboard same