Re: AppleSlider.js

• Subject: Re: AppleSlider.js
• From: Julian Missig <email@hidden>
• Date: Tue, 29 Nov 2005 21:46:03 -0500
• Delivered-to: email@hidden
• Delivered-to: email@hidden

#volumeSlider, #windSpeedSlider, #pitchSlider {
	-apple-dashboard-region: dashboard-region(control rectangle);
	width: 22px;
}

This gets all three of his sliders and specifies the width.

Sorry for all the confusion!

Julian

On 29 Nov 2005, at 20:27, Rob Crawford wrote:

First of all thank you for the help Julian.

I have tried what you said and it still giving me the same results.
Here is the snip-lets that make up the volume slider

CSS (just like you said)
#volumeSlider {
	-apple-dashboard-region: dashboard-region(control rectangle);
}

html
<div class='volumeSlider' id='volumeSlider' style='position: absolute;top: 75px; left: 40px; bottom: 75px;'></div>

.js
volumeSlider = new AppleVerticalSlider(document.getElementById ("volumeSlider"), volumeAdjust);
if (volumeSlider)
{
document.getElementById("volumeSlider").display = "block";
}

Sorry for being a pain on this, I would really like to know where I am going wrong.

thanks,
Rob

On Nov 29, 2005, at 6:06 PM, Julian Missig wrote:

This is what you should have in your CSS for the widget you sent:

#volumeSlider {
	-apple-dashboard-region: dashboard-region(control rectangle);
}

Julian

On 29 Nov 2005, at 17:42, Rob Crawford wrote:

I tried this, not sure if I got the css file right. Here is the 4 lines that I put in my css file but I get the same results.

.AppleSlider {
position: absolute;
-apple-dashboard-region: dashboard-region(control rectangle 0 0 0 0);
}

thanks,

Rob
On Nov 29, 2005, at 4:42 PM, Julian Missig wrote:

On 29 Nov 2005, at 16:28, Rob Crawford wrote:

I have been writing a widget which need 3 sliders, I have tried to use the sliders in the AppleSlider.js and I get them to work inside Safari and Widgetarium but in Dashboard they seem to have problems. The thumb will not drag you can click on the track to change the value of the slider but not the thumb. I am new to Java Script and I have found samples of other sliders but I would like to use the ones that Apple provides. Has anyone used the AppleSliders with success? If so is there a widget out there that uses them that I can look at.

It looks like there may be an issue with AppleSlider when the element it is given is absolutely-positioned. In this case the element AppleSlider creates which has the Dashboard region set on it is not sized properly, which means the slider is not marked as being a control.

The easiest workaround is to just set -apple-dashboard-region: dashboard-region(control rectangle); on the element you want to use (or from JavaScript style.appleDashboardRegion = "dashboard- region(control rectangle)"; ). The other workaround is to use relatively-positioned elements.

This may also affect AppleScrollbar.

Julian

_______________________________________________
Do not post admin requests to the list. They will be ignored.
Dashboard-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:
http://lists.apple.com/mailman/options/dashboard-dev/email@hidden

• Prev by Date: Re: AppleSlider.js
• Previous by thread: Re: AppleSlider.js
• Index(es):
  • Date
  • Thread