Hi there,

 I have 3 column basic css layout and my i am using mvc4 to get a list of tweets in a column format. 

I have a standard  left middle and right column with the tweet list in the middle.

Is it possible to use each tweet as a css class selector  like Twitter Message box and drag it to the outside empty  columns?

Would it be simple to implement?

my display of my middle column that is looped through using this helper.

    <div class="TwitterMessageBox">
        <ol>
            <li class="TweetLineBody">
            
                    @Html.Hidden(item.StatusId, item.StatusId)
                    <div class="TwitProfileImage">
                   Image
                    </div>
                    <div class="TwitRealName">
                        @item.User
                    </div>
                    <div class="TwitNickName">
                       Twitnick
                    </div>
                    <div class="TweetText">
                    TweetMessage</div>
                    <div class="TweetTime">
                      Time here </div>
                    <div class="TweetRating">
                        Rating</div>
                
            
     
                
            </li>
        </ol>
    </div>

It sounds like something like this:

<div id="col1">
</div>
<div id="col2">
	<div class="TwitterMessageBox">
		...
	</div>
</div>
<div id="col3">
</div>

$("#col1, #col2, #col3").dragsort({ itemSelector: ".TwitterMessageBox", dragBetween: true, placeHolderTemplate: "<div class='TwitterMessageBoxEmpty'></div>" });