1 - What property do you need to set to get the WebSlider to display the midpoint value like is shown in the sample in the help file?
2 - Is there a way to have the slider show a value for each mark on it?
3 - When you use the WebSlider in a vertical orientation there's a minor UI Issue. The thumb slider partially overwrites the minimum value field. To duplicate paste the following code into a web form and view the page:
<div>
<cc1:WebSlider Height="300" Width="125" Orientation="vertical" MaxValue="100" MinValue="0" ID="WebSlider2" runat="server">
</div>
Hi,
Currently available version of slider does not have option to move trackbar to center. You can "move" trackbar to center by enabling both tickmarks.Release version will have ContentAlignment property and one of enums will be TrackCenter.
Number of tickmark labels is defined by Tickmarks.NumberOfLabels. So, if you have NumberOfMajorTickmarks=5 and NumberOfMinorLabels=1, then you may set NumberOfLabels to 9 and every minor and major tickmark will have its own label.
Appearance, alignment, location, etc. of labels is defined by igsli_LabelL/R/HolderV, etc. You also may modify them by Tickmarks.CssClasses.LabelXxxx properties.
Note: release version will have more properties, slightly different objects and some other changes. But overall concept will be very similar to CTP.
Hi Viktor,
I think you may have misunderstood one of my comments. What I meant is if you look at the sample in the help file the slider shows three numbers on its scale 0, 50 and 100. When I create a slider with a min value of 0 and max value of 100 I do not see the middle value. Why not? Perhaps I need to experiment with the TickMarks.NumberOfLabels property you mention. I will try things out tomorrow morning and see if I can get my slider to look like the one in the help file.
Regarding modifying the CSS files -- I would you folks would do that prior to release so you don't get bug reports from people telling you the thumb is hiding a value label. Thanks for your feedback, I do apprecaite hearing back from you folks.
Thanks Viktor.
<ig:WebSlider ID="WebSlider1" runat="server" Width="300px" Height="50px" > <Tickmarks NumberOfLabels="3"> </Tickmarks></ig:WebSlider>
To borrow a line from the movie Cool Hand Luke "What we got here is a failure to communicate."
Perhaps a picture, since they're worth 1000 words afterall, will help.
The image above was captured from your help file provided with the March 2008 CTP. Observe how mid-way between the 0 mark and 100 mark there is a 50 mark and that mark is labeled with the number 50. What I would like to know is how can I make my slider control also display that magical 50 mark like the example shows from the help file. Is is possible or is the image in the help file wrong?
Sorry for the smarta$$ tone of this message but sheesh this is not rocket science we're dealing with here....
Unfortunately WebSlider is not able to guess how many tick-marks, tick-mark labels, lengths of texts on labels, etc. application wants to display. Default value of NumberOfLabels is 2, NumberOfMajorTickmarks is 3, NumberOfMinorTickmarks is 4 (number of small ticks between 2 major tickmarks). So, if application needs more/less labels/tickmarks, or does not need them at all, then it should configure those properties. Also different orientations have different defaults for labels.
Situation with sizes and locations of labels is more complex and support is limited by restrictions of html rules. Default css settings assume average case (text with length of 1-4 characters). For long or shifted labels application always has option to fix that by corresponding css properties. That is the best WebSlider can provide.