Sortable Elements

Example:

Box 1 - Click and Drag to Re-sort

Box 2 - Click and Drag to Re-sort

Box 3 - Click and Drag to Re-sort

 

Tips on using the Code Below:

1: To change the text color, modify the "color:" for each box . (#ffffff)

2. To change the background color of the text box, modify the background-color for each box.

(Color Code Chart

View in a new window)

 

Code

 Sortable Elements 

<div class="enhanceable_content sortable" style="display: none;">
<div style="text-align: center; background-color: #68838b; color: #ffffff; width: 300px; height: 50px;">
<p style="padding: 15px;">Box 1 - Click and Drag to Re-sort</p>
</div>
<div style="text-align: center; background-color: #50a6c2; color: #ffffff; width: 300px; height: 50px;">
<p style="padding: 15px;">Box 2 - Click and Drag to Re-sort</p>
</div>
<div style="text-align: center; background-color: #009acd; color: #ffffff; width: 300px; height: 50px;">
<p style="padding: 15px;">Box 3 - Click and Drag to Re-sort</p>
</div>
</div>

Back