Login Register
Home » slider

slider

Dijit Slider Labels not working in IE if in a div with any sort of background

Submitted by jchase on Mon, 06/30/2008 - 14:32.

Release: Dojo 1.1.1
Browser: IE 6 & IE 7
Scenario: Using a HorizontalSlider dijit in a div that has a background color set to #FFFFFF.
Problem: Labels do NOT show.

Confirmed that labels DO show so long as the widget is in a place that does not have a css background defined. Once the widget is within a div that has a background color or image, the labels vanish.

I've not confirmed whether this happens only in divs but I assume so.

Works perfectly either way in Firefox (2.0) and Safari. Just not in IE 6 or IE 7.

VerticalSlider button styles

Submitted by younger_rob on Mon, 05/05/2008 - 23:34.

Hi

I am using the VerticalSlider widget as a zoom control on a map and would like to change the buttons at the ends of the slider from arrows to +/- buttons. Is it possible to do this whilst maintaining the style of the rest of the slider widget? I looked at the incrementButton.style.display property but could not figure out how to use this (the widget is being created entirely within Javascript).

Any help is appreciated.

slider ticks and labels not visible in ie when background is set in parent container

Submitted by pjackson on Thu, 05/01/2008 - 00:17.

I've seen some references to this behavior, but haven't seen much that addresses it directly, so thought I'd post my observations for consideration. Of course if anyone has a fix please let me know.

Is there a way to replace the default thumb for the HorizontalSlider?

Submitted by adsolomo on Tue, 03/11/2008 - 08:12.

So far, I tried replacing the HorizontalSlider thumb image by editing the tundra.css file. My image is 8px wide, 14px tall (versus the default image of 16px by 16px).

I changed the CSS entry ".tundra .dijitHorizontalSliderImageHandle" with the new image size and url. I also changed the CSS entries ".tundra .dijitSliderFocused .dijitHorizontalSliderImageHandle", and ".dj_ie6 .tundra .dijitHorizontalSliderImageHandle" with the new image url.

Widget Values [solved]

Submitted by blackhalobender on Mon, 01/07/2008 - 22:40.

Switching from Flex, my first widget I have tried out is Slider. I can't seem to get the current value of the widget though.


var slider = dojo.byId.("horizontalSlider");
var currentTime = slider.getValue();

Getting undefined.

Yes I searched on returning value of slider and got nothing.

Can i do a sliding slideshow with dijit?

Submitted by marlakash2 on Wed, 12/26/2007 - 13:43.

i am trying to recreate the effect seen on the martha stewart website (on the righthand side "also try" area. the left and right arrows move the div in side with a cool smooth slide). i can see they're using prototype, but i really like how dijit is easy to use and set up.

[solved] Programmatically adding rules and labels to a slider

Submitted by rotorhead on Sun, 11/25/2007 - 23:11.

Hi everybody!

I've already searched the forum and tests but couldn't find the answer... how do I prgrammatically add rules and labels to a slider?

Here is the code fragment I've got so far:

Untitled Document

[solved] How create slider rules and labels (1.0) programatically?

Submitted by rodrigo on Thu, 11/22/2007 - 01:47.

How create slider rules and labels programatically? No have examples in the documentation.

I tried this, but slider rules not work:

############################################

function openSlider(){

//Vertical Slider
var node = dojo.body().appendChild(document.createElement("div"));
node.id = 's1';
test = new dijit.form.VerticalSlider({
value:30000,
minimum:1000,
maximum:30000,
discreteValues:10,
intermediateChanges:"true",
//showTooltip: "true", //=> This works for slider 1.0?

Syndicate content