This is a migrated thread and some comments may be shown as answers.

SplitButton Collapse function ??

8 Answers 129 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Sébastien
Top achievements
Rank 1
Sébastien asked on 22 Jul 2010, 06:01 PM
I didn't see a collapse or expand function for the SplitButton. When I click on the SplitButton the list expand so I can chose an item, but it stay like that until I click one. If the user decide to not click anything it is most likely that he will expect to continue what he was doing on the page and that the SplitButton will then collapse by himself. Is there a way to acheive this behavior?

Thanks,
Sébastien

8 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 23 Jul 2010, 08:25 AM
Hi Sébastien,

The split button is supposed to collapse when it loses focus, so if you click the button, the dropdown opens and then if you click anywhere on the page -  it is closed - this is the default behavior.

Greetings,
Yana
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
0
Sébastien
Top achievements
Rank 1
answered on 23 Jul 2010, 01:17 PM
I checked that out and it seems that it is working as expected, except when I click inside a radPane that has is contentUrl set to something. I'll try to isolate this behavior in smaller project.
0
Sébastien
Top achievements
Rank 1
answered on 23 Jul 2010, 02:41 PM
It is what I tougth, the splitButton don't collapse when we click inside a radPane that have his contentUrl set. There is the project I used to recreate the problem :

<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div style="height:100%">
        <telerik:RadToolBar ID="RadToolBar1" runat="server" Skin="Sitefinity" Width="100%">
            <Items>
                <telerik:RadToolBarButton runat="server" Text="Button 0">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarSplitButton runat="server" Text="SplitButton 0">
                    <Buttons>
                        <telerik:RadToolBarButton runat="server" Text="Child Button 1">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" Text="Child Button 2">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" Text="Child Button 3">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" Text="Child Button 4">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" Text="Child Button 5">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" Text="Child Button 6">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" Text="Child Button 7">
                        </telerik:RadToolBarButton>
                    </Buttons>
                </telerik:RadToolBarSplitButton>
                <telerik:RadToolBarButton runat="server" Text="Button 3">
                </telerik:RadToolBarButton>
            </Items>
        </telerik:RadToolBar>
        <telerik:RadSplitter ID="RadSplitter1" Runat="server" Orientation="Horizontal"
        Skin="Sitefinity" Height="100%" HeightOffset="45" Width="100%">
        <telerik:RadPane ID="RadPane1" Runat="server" Height="50%" ContentUrl="http://www.telerik.com">
             
        </telerik:RadPane>
        <telerik:RadSplitBar ID="RadSplitBar1" Runat="server">
        </telerik:RadSplitBar>
        <telerik:RadPane ID="RadPane2" Runat="server" Height="50%">
            <label>elkf hsafgjks hagkfd hasgkfdsgj fkdjs hgk</label>
        </telerik:RadPane>
         
    </telerik:RadSplitter>
    </div>
     
    </form>
</body>

If you expand the SplitButton and then decide to continue navigating on the telerik website the SplitButton won't collapse. Because my project his mostly composed of a toolBar and a radPane with the contentUrl set, this behavior is pretty anoying so I would take any idea you have to correct this. At first at wanted to used a collapse() function in a event like mouseover of the radPane iframe but as my post point out, I can't seem to find any function doing that.
0
Accepted
Yana
Telerik team
answered on 29 Jul 2010, 11:07 AM
Hello Sébastien,

Actually this is expected behavior as the radpane contains a new page in an iframe and the current page cannot handle  the click events in this page.  The correct function to collapse the splitbutton is called hideDropDown():

var splitbutton = $find("RadToolBar1").get_items().getItem(1);
if(splitbutton._isDropDownVisible == "true")   
    splitbutton.hideDropDown();

Best regards,
Yana
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
0
Sébastien
Top achievements
Rank 1
answered on 29 Jul 2010, 01:09 PM
Ha Thank you for that, I can now start to implement something! This function doesn't seem to be listed anywhere though. It maybe interesting to add it in the help for the radToolbar.

Thanks,
Sébastien
0
Yana
Telerik team
answered on 29 Jul 2010, 02:05 PM
Hi Sébastien,

You are right that it's missing in the help, we'll add it. Thanks

Regards,
Yana
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
0
Sébastien
Top achievements
Rank 1
answered on 29 Jul 2010, 03:02 PM
I have finally been able to implement a show on mouseOver and an hide on mouseOut. Anyone looking for something like this might want to look HERE.

Question for telerik : Does the item have a way to access it's parent item? If so what is the function/property?
0
Accepted
Yana
Telerik team
answered on 04 Aug 2010, 10:10 AM
Hello Sébastien,

You can use get_parent() method for this.

Kind regards,
Yana
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
Tags
ToolBar
Asked by
Sébastien
Top achievements
Rank 1
Answers by
Yana
Telerik team
Sébastien
Top achievements
Rank 1
Share this question
or