RadToolbarDropDown - DropdownMenu does not align with window size

[Peter Lachenmayr]

Hi,

we have a Toolbar set up with a RadToolbarDropDown which is aligned to the right. When the DropDown menu opens it is left-aligned with the Button in the Toolbar, but drawn crossing the window border.

How can we manage that the DropDown Menu does not open to the right but to the left, so that the page is not resized.

See attached screenshot regarding the problem.

Kind regards

[Kate]

Hello Peter,

Unfortunately the RadToolBar control does not support left alignment of the drop down only. However, you can use the following workaround to get the desired functionality:

function dropdownOpened(sender, args) {
                 var dropDownElem = args.get_item().get_element();
                 var rightPos = $telerik.getLocation(dropDownElem).x + $telerik.getSize(dropDownElem).width;
                 var dropDownElemContainer = args.get_item()._animationContainer;
                 var leftPos = rightPos - dropDownElemContainer.clientWidth;
                 dropDownElemContainer.style.left = leftPos + "px";
             }

markup:

<telerik:RadToolBar ID="RadToolBar1" runat="server" OnClientDropDownOpened="dropdownOpened">
       <Items>
           <telerik:RadToolBarButton runat="server" Text="Button 0">
           </telerik:RadToolBarButton>
           <telerik:RadToolBarButton runat="server" Text="Button 1">
           </telerik:RadToolBarButton>
           <telerik:RadToolBarDropDown runat="server" Text="DropDown 0">
               <Buttons>
                   <telerik:RadToolBarButton Text="button1"></telerik:RadToolBarButton>
                   <telerik:RadToolBarButton Text="button1"></telerik:RadToolBarButton>
                   <telerik:RadToolBarButton Text="button1"></telerik:RadToolBarButton>
                   <telerik:RadToolBarButton Text="button1"></telerik:RadToolBarButton>
               </Buttons>
           </telerik:RadToolBarDropDown>
       </Items>
   </telerik:RadToolBar>

Regards,
Kate
the Telerik team