slider element height

[acarur01]

We have a request to specify the cell height that is being occupied by the slider element. It is always set to 100px no matter what is set on the item itself. Is there a way around this? If not, we would like an estimate on supporting this feature.

isc.DynamicForm.create({
    fields: [
        { name: "rating", title: "Rating", editorType: "slider",showTitle:false,height:50,
          minValue: 1, maxValue: 5, numValues: 5, titleOrientation: "top"}
    ],
    values: { rating: 4 }
});

[Isomorphic]

See the docs for sliderItem.sliderProperties - that should allow you to set height (and other props) for the actual slider contained by the formItem

[acarur01]

I did actually go through the documentation, saw sliderProperties. It lead me to the Slider class properties which did not have height in the list of available properties (this is with SC 06-06-2012 8.2p version).


Regardless, I tried it out and it seems to decrease the height down to 64px. I assume after this, it is just because of the slider component itself that can no longer be resized?

isc.DynamicForm.create({
    fields: [
        { name: "rating", title: "Rating", editorType: "slider",showTitle:false,height:50,sliderProperties:{height:30},
          minValue: 1, maxValue: 5, numValues: 5, titleOrientation: "top"}
    ],
    values: { rating: 4 }
});

[Isomorphic]

height is inherited from Canvas, so does apply here.

You can reduce the minimum height somewhat by adding labelHeight: 6 to you sliderProperties. But, yes, for full-blown control, you'd need to sponsor it.