Tommy Valand recently demonstrated a technique how to add controls to a pager. I also had a request from a friend of mine on the same topic. So thank you for sharing, Tommy. Great timing.
My friend wanted to have controls in the pager to collapse and expand a categorized view. Following the article this was an easy one to do.
I have only one smallish problem. The controls begin to “jump” from left to right and back to the left, when you collapse or expand the view in the web. And … this happens only in Firefox and Safari but not in IE (!)
Here is a screenshot taken from my firefox ( Mozilla/5.0 (Windows; U; Windows NT 6.1; de; rv:1.9.1) Gecko/20090624 Firefox/3.5 )
And here is the same in IE ( 8.0 7600.16385 )
Anyone an idea, how to fix this ? I have attached the source code here
I often solve these kind of issues by adding !important in the CSS style.
Have not tested it, but you should try:
style=”float:left !important”
Thanks for the tipp, Ferry. But does not work …
Add this to your CSS. It will be less jumpy, but not exactly the same as IE.
I have tested it using your code.
.xspDataTableViewPanelHeaderStart{
display:none;
}
.xspDataTableViewPanelHeaderEnd{
display:none;
}
Works, Great! I am already working on another solution with a pager outside the viewPanel. Works so far. Needs a little bit of CSS. Will post this later.
Are you using 8.5.2, I have seen some strange issues with firefox and chrome that controls started to jump in older versions.
Because some html elements where added before the code when doing a partial update.
I’m using an early beta of LND 8.5.3.
I have now modified my code and placed the pager outside the viewPanel. Created a custom control that contains the pager and the additional controls in a table. This gives you a better control. You also have to hide the pagerHeader. Ferry showed a way to do this using CSS.