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

Stál Zoltán zoltanstal at gmail.com
Tue Jun 16 19:19:54 UTC 2009

I've just noticed that the CSS avatar setting doesn't work. If I set the
movable-hover options (hovering over a movable element) - that'sthe one that
applies to the dragged avatar. But the .fl-reorderer-avatar does nothing in
my case. Has anyone experienced this problem??

2009/6/16 Justin <justin.obara at utoronto.ca>

> Hello,
> 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 solutions.
> 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/19fcd69b/attachment.html>

More information about the Infusion-users mailing list