[Infusion-users] jQuery + infusion --- making draggable tabs

Justin justin.obara at utoronto.ca
Tue Jun 16 17:12:02 UTC 2009


I'm not completely sure what tips to suggest. Would you be able to  
provide a sample showing the issues that you are having?

I'm forwarding this response off to the "Infusion Users" list (infusion-users at fluidproject.org 

It may be helpful to send your response to the "Infusion Users" list  
as well, and chat with us on the IRC Channel ( http://wiki.fluidproject.org/display/fluid/IRC+Channel 
  ).  This will allow you to reach out to the community for possible  

Hope that helps as a start.

- Justin
On 16-Jun-09, at 11:30 AM, Stál Zoltán wrote:

> Hi again!
> As I told you before, I was able to create a working sortable tab- 
> system with Fluid Infusion + jQuery.
> At the moment I'm trying to integrate scrolling into the application  
> but it's getting tougher because the
> newly added content interferes with the previous ones. Could you  
> please help me with this problem?
> I have : a Jquery tab + Fluid Influsion reorderer ---> it can be  
> sorted
> what I want in plus: scrollable tabs ( example: http://www.uphigh.org/tab/index.html)
> I'm still trying but I'm having a hard time combining the example  
> above with my code.
> For navigation I'd like to use 2 simple arrows(image) like in the  
> jquery scroll tutorial.
> Please give me a few tips if you can !
> Thank you,
> Zoltan
> 2009/6/15 Justin <justin.obara at utoronto.ca>
> Hello,
> Glad you were able to get it working.
> Sorry this response wasn't quite as fast as the last one.
> Thanks
> Justin
> On 12-Jun-09, at 3:50 PM, Stál Zoltán wrote:
>> Thank you very much! I was finally able to make it about 5 minutes  
>> before I had seen your e-mail.
>> I used the tabs' source code and combined it with mine. I studied  
>> it, deleted unneeded elements and
>> now it's working flawlessly (I hope! :D). I will take a look at the  
>> list ordering, too.
>> Thank you for your fast response!
>> 2009/6/12 Justin Obara <justin.obara at utoronto.ca>
>> Hello,
>> Glad to see that you are taking a look at Fluid Infusion. Hopefully  
>> I can be of some help.
>> The example you have sent is using our Reorderer component.
>> http://wiki.fluidproject.org/display/fluid/Reorderer
>> The Reorderer is a production ready component. The testing page  
>> that you have come across is the test protocol that we run on the  
>> component to ensure its quality. You can download a copy of Fluid  
>> Infusion from the downloads section on our website.
>> http://fluidproject.org/products/fluid-infusion/download-infusion/
>> For your particular interest you can take a look at the List  
>> Reorderer tutorial.
>> http://wiki.fluidproject.org/display/fluid/List+Reorderer+Tutorial
>> While this tutorial is based on sorting a vertical list, the  
>> application is very similar. I believe you will only have to change  
>> the reordering orientation from vertical to horizontal. More  
>> information on this can be found on the API page.
>> http://wiki.fluidproject.org/display/fluid/List+Reorderer+API
>> For more information you can send an e-mail to our Infusion Users  
>> mailing list, I have cc'd this e-mail there.
>> infusion-users at fluidproject.org
>> We also have an IRC channel that you are welcome to chat with us on.
>> http://wiki.fluidproject.org/display/fluid/IRC+Channel
>> Thanks
>> Justin
>> On 12-Jun-09, at 3:00 PM, Stál Zoltán wrote:
>>> Hi!
>>> I've seen your name on Fluid's website. I am particularly  
>>> interested in this page:
>>> http://wiki.fluidproject.org/display/fluid/Reorderer+QA+Test+Plan+-+Sortable+JQuery+Tabs
>>> http://build.fluidproject.org/infusion/standalone-demos/reorderer/html/jquery-tabs.html
>>> Is this like a beta-testing for an upcoming feature?
>>> I have to make tabs ( I made them with jQuery) which can be ordered
>>> by drag and drop method! The problem is that the original jQuery  
>>> package
>>> doesn't have support for this. Could you tell me how I can manage  
>>> to create
>>> tabs like that on the page ? (see URLs above)
>>> I would really appreciate your help!!!
>>> Thanks in advance, a jquery user.

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://fluidproject.org/pipermail/infusion-users/attachments/20090616/0f60259a/attachment.html>

More information about the Infusion-users mailing list