Sandwich between header and body

mcraig

To enhance my data table, my client wanted filter setting options to be hidden from view and slide into view on a click of a button. To integrate the look and feel of the filter panel with the datatable, I added the button to the header panel of the data table easily...but using the same technique, I was hoping to make the onclick event slide the panel up and down INSIDE the data table, rather than above it where it rests now. To get the button in the header...

"sDom": '<"top"iflp<"slideoutpanel-buttoncontainer"><"clear">>rt<"bottom"iflp<"clear">>'

So I thought if I applied a class to the main panel I want to animate I could put another < class > reference in the sDom but no matter where I put it, I cannot get it sit in the right place.

Has anyone tried this before to point me in a direction? Is it just not do-able.

Thanks,
Mike

allan

That will result in a Dom that looks like this:

[code]

i
f
l
p



r
t

i
f
l
p


[/code]

which looks fair enough to me :-). It might just be that you need to modify the CSS to get your elements to appear visually where you want, but the DOM looks okay.

Allan

mcraig

So, what I tried to do was:

[code]

i
f
l
p



r

t

i
f
l
p


[/code]

but it seems no matter what I do it does not place right...I'll keep messing with it...but if the above looks correct to you, with the new filternotationpanel div class in there, then I'd agree that it's css related.

Thanks Allan,

Mike

allan

It looks fine to me. You might want to add a clear in before the filternotationpanel div, and style it as needed, but the basic idea looks fine. Firebug / Inspector will be the road to a solution for this one I think!

Allan