Questions on UI for ASP.NET AJAX Forum

1 answer

303 views

Real-time collaboration for RadEditor/RadSpreadsheet (and other editor controls)

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.

Editor

General Discussions

RibbonBar

Spreadsheet

answered on 27 Jul 2022

11 answers

249 views

use CSS to hide the tab area

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.

RibbonBar

answered on 03 Sep 2020

2 answers

314 views

Using Font Awesome with RibbonBarButton...possible?

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

RibbonBar

answered on 29 Jan 2020

3 answers

844 views

OnClientButtonClicking and async/await in JS

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?

RibbonBar

answered on 19 Jun 2019

2 answers

139 views

How can I add a custom control to RadRibbonBar.

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.

RibbonBar

answered on 11 Oct 2018

2 answers

78 views

How to execute a JS Function on Rad RibbonBarButton click

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.

RibbonBar

answered on 11 Oct 2018

1 answer

193 views

How to set toggle button in a ToggleList to toggled client side

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

RibbonBar

answered on 04 Oct 2018

7 answers

239 views

RibbonBarGroup Size

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>