Expand/Collapse Icon not changing on Dynamic Docks

8 posts, 0 answers
  1. Greg Figueroa
    Greg Figueroa avatar
    82 posts
    Member since:
    Apr 2005

    Posted 08 Mar 2010 Link to this post

    Is anyone else running into this?

    If I create a Dock in HTML, the Expand/Collapse command icon changes as expected.
    However, if I create a Dock in Code-Behind, the Expand/Collapse command icon does not change.
    I get the same result if I set a custom icon with CssClass and AlternateCssClass.
    I'm hoping I'm just missing something...

    Also, as a secondary question, the Expand/Collapse Command doesn't seem to want to postback to the server even if I set it's AutoPostback to true.  I have a specific need for this, but it refuses to fire.  (Again, this seems to happen on a dock created in codebehind.)

    Telerik... If I'm missing something, if you can supply a quicky sample app demostrating the expand/collapse working properly when created from code-behind... all the better!

    Thanks, Kuba
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 10 Mar 2010 Link to this post

    Hi Kuba,

    I have attached a sample project that creates a dock control dynamically in the code behind and attaches an event handler to the RadDock.Command event. You will notice that the EpxandCollapse image is changed and the page is posted back to the server, when the dock is expanded/collapsed.

    Kind regards,
    Pero
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Greg Figueroa
    Greg Figueroa avatar
    82 posts
    Member since:
    Apr 2005

    Posted 12 Mar 2010 Link to this post

    Hi Pero,

    Whatever my issue was with the default icons resolved when I installed 2010.1.(312).  So, on that aspect, it was just me, however, I would like to use custom icons for expand/collapse (that fall in line with icons I'm using for custom commands).  However, using custom icons is still not working.

    The problem may be my perception on how the control works.  Here is how I create the expand/collapse command for the dock...
    DockExpandCollapseCommand dcCustomerExCo = new DockExpandCollapseCommand();  
    dcCustomerExCo.Text = "Expand/Colapse";  
    dcCustomerExCo.Name = "CustomerExCo";  
    dcCustomerExCo.CssClass = "trakerDockCollapseIcon";  
    dcCustomerExCo.AlternateCssClass = "trakerDockExpandIcon";  
    dcCustomerExCo.AutoPostBack = false;  
     
    I, of course, Add it to the collection later in the code.

    Here are the CSS Classes used:
    .trakerDockExpandIcon{margin-top:2pxwidth15pxbackground:url(../../images/expand.gif) !important; background-repeat:no-repeat !important;}  
    .trakerDockCollapseIcon{margin-top:2pxwidth15pxbackground:url(../../images/collapse.gif) !important; background-repeat:no-repeat !important;}  
     

    I assume that AlternateCssClass is the "other" icon when the dock is collaped.  Is that a correct assumption?  I also tried setting AutoPostBack to true, but that made no difference (and would rather not do that anyway... for this command).

    If my assumption is wrong, please let me know.  If my assumption is correct... any ideas why it doesn't work?

    Thanks, Greg
  5. Greg Figueroa
    Greg Figueroa avatar
    82 posts
    Member since:
    Apr 2005

    Posted 12 Mar 2010 Link to this post

    Hi Pero,

    It appears I have answered my own question, but wanted you to confirm the bug.  This occurs in even the most current internal build (2010.1.312)...

    If you assign the command a name:

    dcCustomerExCo.Name = "CustomerExCo";  

    I thought maybe it was problem with the Telerik Base Stylesheets looking for a particular name, but I couldn't find anything like that in the base, or the skin being used (which is a knock-off of the Windows7 skin).

    If you can please confirm this bug, I'd appreciate it.

    Thanks, Greg
  6. Greg Figueroa
    Greg Figueroa avatar
    82 posts
    Member since:
    Apr 2005

    Posted 16 Mar 2010 Link to this post

    Hi Pero,

    Would you guys like me to open a support ticket to get this confirmed?

    Thanks, Greg
  7. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 18 Mar 2010 Link to this post

    Hello Greg,

    You need to override .rdCollapse and .rdExpand RadDock selectors to specify custom images for the ExpandCollapse Command. The CSS should look like the following:
    <style type="text/css">
        .rdCollapse
        {
            background: url('img/Collapse.png') no-repeat 0 0 !important;
        }
        .rdExpand
        {
            background: url('img/Expand.png') no-repeat 0 0 !important;
        }
        .rdCollapse:hover
        {
            background: url('img/Collapse_Hover.png') no-repeat 0 0 !important;
        }
        .rdExpand:hover
        {
            background: url('img/Expand_Hover.png') no-repeat 0 0 !important;
        }
    </style>

    For your convenience I attached a fully working sample project that uses custom image for the ExpandCollapse command.

    PS. My recommendation is to use image sprite for all the DockCommand images instead of using single image for every command.

    All the best,
    Pero
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  8. Greg
    Greg avatar
    20 posts
    Member since:
    Jul 2005

    Posted 18 Mar 2010 Link to this post

    Hi Pero,

    Think you for your reply.  Yes, I understand I could override the css classes involved.  Or, as I stated, simply not name the command.  The question/problem I have with this is why naming the command causes the problem.  From my perspective, that shouldn't be happening.  Though either workaround works, it's still a "workaround".

    Though it isn't a major issue, I believe it an issue that should be reviewed and corrected (though I'd agree it is not a high priority issue).

    I will open a support ticket to "officially" log it.

    Thanks, Greg
  9. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 19 Mar 2010 Link to this post

    Hi Greg,

    Yes, changing the Name of the ExpandCollapse command (or any of the "built-in" commands - Close, PinUnpin, ExpandCollapse) will break its functionality. Additionally setting CssClass/AlternateCssClass and Text/AlternateText works OK. I attached a sample showing this.


    Kind regards,
    Pero
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017