3 columns 1 ordered list

Mar 7, 2012 at 5:07 PM
Edited Mar 7, 2012 at 5:08 PM

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>
Coordinator
Mar 11, 2012 at 12:16 AM

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>" });