I've created a system for importing images, where each image is "processed" during the import process. This process allows you to resize, crop, flip, rotate, add whitespace, etc. For the whitespace, I allow the user to select a color (so that the whitespace can be blue, for example). To do this, I use a RadColorPicker. (My first time using this control!)
My problem occurs when I import a lot of images. (I'm using the multi-file upload control - thank you!) For each uploaded image, I show a processing panel that allows them to manipulate the image. If there are a lot of images, there are a lot of panels. Each panel is probably about 400-500 px high, which can make for a long page. When it's over 9999 px high, you start seeing these hidden sliders. In the HTML source, I see the following:
If you look, you can see there is a slider (class="RadSlider RadSlider_Default" style="position:absolute; top:-9999px ...)
Is there a way to get rid of this? Obviously, you're hiding this. Can't you do a style="display:none;" instead of shoving it up so high?
I've uploaded a screen snapshot to show this. Note the slider stuck in the middle. This is actually related to another color picker that is in a similar window/tile farther down the page - like 9999px farther down.
Thank you.
My problem occurs when I import a lot of images. (I'm using the multi-file upload control - thank you!) For each uploaded image, I show a processing panel that allows them to manipulate the image. If there are a lot of images, there are a lot of panels. Each panel is probably about 400-500 px high, which can make for a long page. When it's over 9999 px high, you start seeing these hidden sliders. In the HTML source, I see the following:
<
div
id
=
"Main_gob_CustomForm3_gob_ctl04_BGColorThumb_label"
title
=
"Background Color (Current Color is #FFFFFF)"
class
=
"rcpIcon"
>
<
a
href
=
"#"
>Background Color</
a
><
em
id
=
"Main_gob_CustomForm3_gob_ctl04_BGColorThumb_icon"
style
=
"background-color:#FFFFFF;"
>(Current Color is #FFFFFF)</
em
>
</
div
><
div
id
=
"Main_gob_CustomForm3_gob_ctl04_ctl11"
class
=
"RadSlider RadSlider_Default"
style
=
"position:absolute;top:-9999px;height:22px;width:200px;"
>
If you look, you can see there is a slider (class="RadSlider RadSlider_Default" style="position:absolute; top:-9999px ...)
Is there a way to get rid of this? Obviously, you're hiding this. Can't you do a style="display:none;" instead of shoving it up so high?
I've uploaded a screen snapshot to show this. Note the slider stuck in the middle. This is actually related to another color picker that is in a similar window/tile farther down the page - like 9999px farther down.
Thank you.