[gurpal2000Member]

Hi
I see i have not used your method before. I will try it out
thanks again

[gurpal2000Member]

Hi Peter,

So how you create a grid that maintains 100px from the each body edge without using padding or margins or percentages?

thanks

[gurpal2000Member]

Hi there Peter,

In your example, if you add “bottom: 100px” to the div style it does not resize so that it’s 100px from the bottom of the body.

Compare it with this:

<div style="position: absolute; top: 100px; left: 100px; bottom: 100px; background: #ccc;">
    TEST AREA
</div>

The div resizes right?

There is no box model defined.

thanks

[gurpal2000Member]

Thanks Dimitar. I suppose as a workaround I could use a jqxMenu with direction open up. I only needed a few icons and not a long list – sort of like a open-up icon menu.

[gurpal2000Member]

clearly i didn’t look at api well. Thanks a lot !

[gurpal2000Member]

OK this is my first jsfiddle ever

http://jsfiddle.net/gurpal2000/SFjdV/15/

1. the data model is shared timeseries between the slider and the dropdown
2. the model can be navigated by dropdown, slider (click, and slide) and via slider buittons. i want to give the user the choice on mutliple ways to navigate.

problems/issues:

1. without my timeout code, each time i slide the thumb, the change event was called each time. With slideEnd, i found that the buttons don’t fire. I can go to event A to event C real fast without firing B.
2. when the slide value is changed, the dropdown should reflect that change also. and of course the result.
3. when i chose new dropdown value, the slider should change to the right index. Problem is infinite loop firing.

So slider and combo need to be in sync, without firing actions DOUBLY.

thanks,

[gurpal2000Member]

The slideEnd event didn’t help though. Because the buttons don’t fire… Let me provide an example of exactly what im trying to do. standby300

[gurpal2000Member]

I ended up with a workaround using the jquery setTimeout() function like so:

var sliderTimer;
$('#divSlider').jqxSlider({
...
}).bind('change', function(event) {
clearTimeout(sliderTimer);
sliderTimer = setTimeout(function() {
// do what actions you need
}, 300); // timeout time (ms)
});

[Author]

Posts