Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
116 views

I'm curious if there are any plans to implement a feature for real-time collaboration for any of the editor controls? The two that I am most interested in would be the RadEditor and RadSpreadsheet.

There is a control called CKEditor that has all of these capabilities, but I really like the RadEditor (and all of the Telerik controls). because of the ease of use and other features.

As someone who is in the role of both an attorney (~11 years) and a software developer (~40 years), I see a huge demand from businesses to have this feature. I am more than happy to collaborate with you all on this.

If I am missing where this has been implemented, please point me in the right direction.

Rumen
Telerik team
 answered on 27 Jul 2022
11 answers
188 views
I want to hide the tab area ussing css.  After upgrading to the new controls the tab area now displays at full height with no text.  Before is was only a few pixels high with no tab text.
Vessy
Telerik team
 answered on 03 Sep 2020
2 answers
201 views

Hi,

I would like to use some Awesome Font icons instead of using the ImageUrl attribute, is this possible? I noticed that this seems possible on a normal RadButton but the same implementation does not seem to work on a RibbonBarButton. Ideas, or is this just not possible on a RibbonBarButton?

 

Thanks,
Gary Kearney

Peter Milchev
Telerik team
 answered on 29 Jan 2020
3 answers
572 views

Hello,

I have some javascript code hooked up to the RibbonBar OnClientButtonClicking event. There is a confirm() method to let the user confirm the action of the RibbonBar button. The result is a parameter for args.set_cancel(). It works nicely:

Now I want to replace the browser confirm popup box with custom jQuery dialog. But even when I use async/await and clearly see that the javascript function stops and waits for the user response, the RibbonBar goes on and continues with the action before args.set_cancel is called.

Is there a way to get around this?

Vessy
Telerik team
 answered on 19 Jun 2019
2 answers
76 views

Hi,

1. Can we add our own controls, like textbox, buttons etc.. to Ribbon Bar.

2. How can i execute a javascript fuction on a button click of ribbon bar.

 

Thanks.

Saifulla
Top achievements
Rank 1
 answered on 11 Oct 2018
2 answers
39 views

Hi, i am trying to generate a dynamic table based on user input. For that i am using Ribbonbar.

Markup:

<telerik:RadRibbonBar RenderMode="Lightweight" ID="RadRibbonBar1" runat="server" Skin="Office2007" EnableMinimizing="true" OnClientButtonClicked="CreateTable() return false;">
<telerik:RibbonBarTab Text="Home">
    <telerik:RibbonBarGroup Text="Table Generator">
        <Items>
                <telerik:RibbonBarControlGroup Orientation="Horizontal">
                    <Items>
                        <telerik:RibbonBarComboBox ID="txtRow" Width="60" runat="server">
                            <Items>
                                <telerik:RibbonBarListItem Text="0" Selected="true" />
                                <telerik:RibbonBarListItem Text="2" />
                                <telerik:RibbonBarListItem Text="4" />
                                <telerik:RibbonBarListItem Text="6" />
                                <telerik:RibbonBarListItem Text="8" />
                                <telerik:RibbonBarListItem Text="10" />
                                <telerik:RibbonBarListItem Text="12" />
                                <telerik:RibbonBarListItem Text="14" />
                                <telerik:RibbonBarListItem Text="16" />
                                <telerik:RibbonBarListItem Text="18" />
                                <telerik:RibbonBarListItem Text="20" />
                            </Items>
                        </telerik:RibbonBarComboBox>
 
                        <telerik:RibbonBarComboBox ID="txtCol" Width="60" runat="server">
                            <Items>
                                <telerik:RibbonBarListItem Text="0" Selected="true" />
                                <telerik:RibbonBarListItem Text="2" />
                                <telerik:RibbonBarListItem Text="4" />
                                <telerik:RibbonBarListItem Text="6" />
                                <telerik:RibbonBarListItem Text="8" />
                                <telerik:RibbonBarListItem Text="10" />
                                <telerik:RibbonBarListItem Text="12" />
                                <telerik:RibbonBarListItem Text="14" />
                                <telerik:RibbonBarListItem Text="16" />
                                <telerik:RibbonBarListItem Text="18" />
                                <telerik:RibbonBarListItem Text="20" />
                            </Items>
                        </telerik:RibbonBarComboBox>
                         <telerik:RibbonBarButton ID="btnGenerate" runat="server" Text="Create" />
                    </Items>
                </telerik:RibbonBarControlGroup>
        </Items>
    </telerik:RibbonBarGroup>

Script:

   function createTable() {
        var rowCtr;
        var cellCtr;
        var rowCnt;
        var cellCnt;
 
        var myTableDiv = document.getElementById("myDynamicTable");
 
        var table = document.createElement('TABLE');
        table.border = '1';
        table.id = "myTable";
 
        var tableBody = document.createElement('TBODY');
        table.appendChild(tableBody);
 
        rowCnt = document.getElementById('txtrows').value;
        cellCnt = document.getElementById('txtcols').value;
 
        for (rowCtr = 0; rowCtr < rowCnt; rowCtr++) {
            var tr = document.createElement('TR');
            tableBody.appendChild(tr);
 
            for (cellCtr = 0; cellCtr < cellCnt; cellCtr++) {
                var td = document.createElement('TD');
                td.width = '120';
                td.appendChild(document.createTextNode("Row:" + rowCtr + " Column:" + cellCtr));
                tr.appendChild(td);
            }
        }
        myTableDiv.appendChild(table);
}

OnClick of button(create) dynamic table should generate. but not happening can some one suggest what i had done wrong.

 

Peter Milchev
Telerik team
 answered on 11 Oct 2018
1 answer
123 views

Hi,
    I'm trying to set the toggle state of a button in a togglelist from client side code but nothing I try works. 

<telerik:RibbonBarGroup Text="Status Filter">
           <Items>
               <telerik:RibbonBarToggleList>
                   <ToggleButtons>
                       <telerik:RibbonBarToggleButton Value="StatusFilterAll" Size="Medium" Text="All" Toggled="true" />
                       <telerik:RibbonBarToggleButton Value="StatusFilterOpen" Size="Medium" Text="Open" />
                       <telerik:RibbonBarToggleButton Value="StatusFilterInProgress" Size="Medium" Text="In Progress" />
                       <telerik:RibbonBarToggleButton Value="StatusFilteronHold" Size="Medium" Text="On Hold" />
                       <telerik:RibbonBarToggleButton Value="StatusFilterClosed" Size="Medium" Text="Closed" />
                       <telerik:RibbonBarToggleButton Value="StatusFilterAllExClosed" Size="Medium" Text="All Except Closed" />
                   </ToggleButtons>
               </telerik:RibbonBarToggleList>
           </Items>
       </telerik:RibbonBarGroup>

 

I have tried 

ServiceDeskRibbonbar.findToggleButtonByValue("StatusFilterAll").get_toggleList().set_toggledButton(ServiceDeskRibbonbar.findToggleButtonByValue("StatusFilterAll" ))

 

This does not seem to do anything. I have also tried 

ServiceDeskRibbonbar.findToggleButtonByValue("StatusFilterAll" ).set_toggled(true)

 

This selects that item but the previous item still stays selected as well and the OnClientToggleListToggled is never fired.

So what is the correct way to achieve this?

Thanks

Marin Bratanov
Telerik team
 answered on 04 Oct 2018
7 answers
166 views
I have a RadRibbonBar inside a CommandItemTemplate of a RadGrid.  The bar items are RibbonBarTemplateItem.  I'm trying reduce the height of the RibbonBarGroup to the size of the controls it contains - the 'Height' property on the group doesn't reduce the height.  The RibbonBarGroup appears to be a fixed height - 3 rows in height.  How do I reduce the size of the group?

The RibbonBarTemplateItem contains a <table> with one row.

Here's the first group:

<CommandItemTemplate>
                       <div>
                           <telerik:RadRibbonBar ID="_ribbonBarComputers" runat="server">
                               <telerik:RibbonBarTab Text="Computer" >
                                   <telerik:RibbonBarGroup Text="Add/Update" >
                                       <Items>
                                           <telerik:RibbonBarTemplateItem Size="Small">
                                               <table>
                                                   <tr>
                                                       <td>
                                                           <telerik:RadTextBox ID="_ctrlAltirisText" runat="server" Width="300px" EmptyMessage="Paste Altiris text">
                                                           </telerik:RadTextBox>
                                                       </td>
                                                       <td>
                                                           <telerik:RadButton ID="_btn_AddComputer" runat="server" Text="Add" CommandName="AddComputer">
                                                           </telerik:RadButton>
                                                       </td>
                                                       <td>
                                                           <telerik:RadButton ID="_btn_ReplaceComputer" runat="server" Text="Replace" CommandName="ReplaceComputer">
                                                           </telerik:RadButton>
                                                       </td>
                                                       <td>
                                                           <telerik:RadButton ID="_btn_CloseComputer" runat="server" Text="Close" CommandName="CloseComputer">
                                                           </telerik:RadButton>
                                                       </td>
                                                   </tr>
                                               </table>
                                           </telerik:RibbonBarTemplateItem>
                                       </Items>
                                   </telerik:RibbonBarGroup>


Jerry
JeffSM
Top achievements
Rank 2
Iron
Veteran
Iron
 answered on 02 Mar 2018
10 answers
134 views
Here is my code

<telerik:RibbonBarTemplateItem>
    <Template>
                    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Vertical">
                        <asp:ListItem Value="0">Siyah/Beyaz</asp:ListItem>
                        <asp:ListItem Selected="True" Value="1">Gri</asp:ListItem>
                        <asp:ListItem Value="2">Renkli</asp:ListItem>
                    </asp:RadioButtonList>
    </Template>
</telerik:RibbonBarTemplateItem>

ListItem Selected="True" does not work. All items appear deselected. Am I missing something?
Ildar
Top achievements
Rank 1
 answered on 29 Aug 2017
0 answers
51 views

Hello

I'm looking at this demo:

http://demos.telerik.com/aspnet-ajax/ribbonbar/examples/tooltip/defaultcs.aspx

 

Is there a way to force the tooltip to immediatly show up as soon as the mouse is over one of the buttons instead of waiting around 0.5s?

Thanks a lot

 

Philippe GRACA
Top achievements
Rank 1
 asked on 29 Aug 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?