BuyLog In
Ticket T273839
Visible to All Users

ASPxTrackBar - MainDragHandleImage's UrlHottracked and UrlPressed properties do not have effect

created 10 years ago

Hello,

I am trying to achive showing different images for ASPxTrackBar's main drag handle. For this purpose i've specified two three different images for Url, UrlHottracked and UrlPressed sub-properties in MainDragHandleImage property.

I was expecting to see three different images while i drag, press and release the drag handle. Are those properties (Url, UrlHottracked, UrlPressed) used for this purpose? If not, i will be pleased to know how could i achieve my scenario?

Please find the sample project and a screencast as attached…

Also: As you may see from the screencast, ValueTooltip is being overflowed by mouse cursor, so you can not see the valuetooltip while you are dragging. Is there a way to show ValueTooolTip in upper/different position? Btw: I've seen that there are two properties for this: ValueTooltipPosition and ValueToolTipStyle. My ValueTooltipPosition was set to LeftOrTop however this is not in effect and i haven't seen any Padding-like property in ValueToolTipStyle. <== If you like i can create a seperate ticket for this question, I've just asked here because to avoid uploading screencast twice)

Have a nice day & thank you :)
Onur

Show previous comments (4)
Sergi (DevExpress) 10 years ago

    Hello Onur,

    It turned out that it is not so simple to fix this issue, so our developers need additional time to find a permanent solution. Right now, you can work around the problem by using SpriteProperties instead of UrlHottracked and UrlPressed properties. See the code below:

    ASPx
    <style type="text/css">  
            .pressed {  
                background-image: url(needle.png)!important;  
                background-repeat: no-repeat;  
            }  
 </style>  

 <dx:ASPxTrackBar ID="ASPxTrackBar1" runat="server">  
            <MainDragHandleImage Height="32px" Url="draghandle.png" Width="32px">  
                <SpriteProperties PressedCssClass="pressed" HottrackedCssClass="pressed" />  
            </MainDragHandleImage>  
 </dx:ASPxTrackBar>
    O O
    Onur Ömer Öztürk 10 years ago

      Hello Sergi,
      Thank you for followup and information. Workaround is sufficient for me to continue. I will implement this solution in my project. I will reopen this ticket if there are any problems in future.
      Thank you (all) for your time and effort.
      Btw: there are other small findings (bugs) and suggestions regarding ASPxTrackbar, bugs do not hurt but would you like me to create a seperate ticket for them or to write down here?
      Onur

      Artem (DevExpress Support) 10 years ago

        It will be great if you create a new ticket for each new issue. This way, it will be easier for us to track and process your inquiries in the most efficient manner. Thanks for your cooperation

        Sign in to comment on this post

        Answers approved by DevExpress Support

        created 9 years ago (modified 9 years ago)

        Hello Onur,

        I discussed this issue with our R&D team and here are our results. Initially, ASPxTrackBar did not support adjusting images by using the UrlDisabled, UrlPressed, and UrlHottracked properties and these properties were available from the base ButtonImageProperties class. We came to the conclusion that it was difficult to fix this issue based on the current internal architecture. Therefore, we decided to hide the corresponding properties from VS IntelliSense.

        We implemented a new TrackBarElementImageProperties class, which explicitly hides the UrlDisabled, UrlHottracked, and UrlPressed properties (inherited from a base ButtonImageProperties class). Affected properties are listed below:

        In the EditorImages class:
        - TrackBarDecrementButton
        - TrackBarIncrementButton
        - TrackBarMainDragHandle
        - TrackBarSecondaryDragHandle

        In the ASPxTrackBar and TrackBarProperties classes:
        - DecrementButtonImage
        - IncrementButtonImage
        - MainDragHandleImage
        - SecondaryDragHandleImage

        As a workaround, you can still define images for the disabled, hottracked, and pressed states of TrackBar elements by using the corresponding settings available by using the SpriteProperties property:

        ASPx
        <style type="text/css">  
    .disabled {  
        background-image: url(customImage.png)!important;  
        background-repeat: no-repeat;  
        background-position: 0px 0px!important;  
        width: 16px;  
        height: 16px; /*the width and height are set according to the custom image's size*/  
    }  
</style>  
<dx:ASPxTrackBar ID="ASPxTrackBar1" runat="server">  
   <IncrementButtonImage>  
       <SpriteProperties DisabledCssClass="disabled" />  
   </IncrementButtonImage>  
</dx:ASPxTrackBar>

        We will publish a corresponding breaking change for the upcoming 15.1 and 15.2 versions on our website.
        Feel free to contact us if you need further clarification on this issue.

          Comments (1)
          O O
          Onur Ömer Öztürk 9 years ago

            Hello Sergi,
            Thank you for this information. Solution is reasonable. I mean, we can easily assign images as styles in sprite properties so.
            Have a nice weekend.
            Onur

            Sign in to comment on this post

            Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

            Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.