RadDock shows with the Command Item image to the right

[Alexandru]

Hi,

As the title suggests my problem is when the Dock Zone with the RadDocks is loaded with the page. The RadDocks have Command Items shown and their pictures are shown floated to the right off the RadDock width. They come to a normal position when I click on the titlebar of the RadDock.
Can anyone help me on this one?
Thank you.

(I wanted to upload a picture but I did not find out how...)  

[Nikolay Raykov]

Hello Alexandru,

I was not able to reproduce your problem. Could you give us more information about the scenario in which this problem occurs - do you set some CSS styles which might be causing this issue, is your code based on the online demo for Dock Commands?

In order to upload an image you should open a support ticket. You could send as a sample working project where you can observe this behavior as well.

Sincerely yours,
Nikolay Raykov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Alexandru]

Hi,

I have already opened a ticket on this one 2 days ago. Please search for that ticket because I am about to upload there a project where this issue appears.
Thank you.

[Nikolay Raykov]

Hi Alexandru,

I have already answered your support ticket. For your convenience I am pasting the modified javascript function which shows the docks:

<script type="text/javascript">
        function ExpandCollapse1(toHide, hider)
        {
            vToHide = document.getElementById(toHide);
            vHider = document.getElementById(hider);
            if(vToHide != null && vHider != null)
            {
                if(vToHide.style.display=="none")
                {
                    vToHide.style.display="";
                    var dockZone = $find('<%= RadDockingZone_MainCalculations.ClientID %>');
                    var docks = dockZone.get_docks();
                    for (var i = 0; i < docks.length; i++)
                    {
                        dockZone.dock(docks[i]);
                    }
                    vHider.title="Collapse";
                    vHider.className="dDivSettingsMinus"
                }
                else
                {
                    vToHide.style.display="none";
                    vHider.title="Expand";
                    vHider.className="dDivSettingsPlus"
                }
            }
        }
    </script>

This causes all the docks to be docked again when the div gets visible and fixes the problem with the command button images.

All the best,
Nikolay Raykov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.