Questions on UI for ASP.NET AJAX Forum

2 answers

210 views

Hi,

we have a problem on radgantt render.

In our scenario, user added 62 tasks which connected with 65 dependencies. As you can see in attachments, dependency lines are in correct rows but, tasks are slides down.

We've tried all different skins and render modes but nothing changed.

Telerik Version : 2016.3.1027.45

VS : 2013

.net framework : 4.5

if needed, i can share codes also

Could anyone help us?

Ali

Gantt

answered on 14 Aug 2017

1 answer

119 views

Change background color of taskbar on the timeline by status

HI!

Exist any way to change the background color of taskbar by status in the column grid?

Like image attached.

Regards

Gantt

answered on 14 Aug 2017

0 answers

93 views

Telerik newbie - RadGrid problems

I'm new to Telerik. This should be easy to do but I'm struggling for some reason. I have a RadGrid on my web page. I can click the edit icon and then it displays an email address. I want to let the user change the email address. It does let the user change the email address. But I want to expand the width of the email address. I cannot figure out how to do this. Can anyone help? This should be easy but I'm missing something.

Ajax

asked on 14 Aug 2017

1 answer

268 views

Hide Excel-like filter icon

Hi,

I have a radgrid with specified template columns. I would like to enable the Excel-like filter option on the grid, but hide the icon on certain column headers.

I've tried the code below, but it's not working.

<telerik:GridTemplateColumn HeaderText="View" UniqueName="ViewCol" ShowFilterIcon="false">

Any ideas to what i might be missing?

Thanks,

Jas

Grid

answered on 14 Aug 2017

3 answers

181 views

[Solved] Input Text Truncated On Blur with ...

I would really like it if the box just displayed as much of the text as possible, like a normal text box, rather than trying to truncate it. It needs to be visible without a mouse over. Is there a property or something I can set to turn this off? See attached example image.

Bottom box has focus top box does not. Same text is in both.

ComboBox

answered on 14 Aug 2017

1 answer

671 views

Auto refresh grid without rebinding

Hello,

I need a grid which auto refreshes after a given period using a timer. There is an example here: http://demos.telerik.com/aspnet-ajax/ajaxmanager/application-scenarios/ajaxify-timer/defaultcs.aspx

However, I don't want the whole grid to be rebound after each refresh and instead would like it to be seamless without the animation. When creating a standard bound to a there is a refresh button top right, and when pressing this button it does exactly what I'm after - it doesn't rebind the grid and instead if there's new data it pops the new data in instead of creating an obvious refresh animation. Using a normal is there some way to simulate pressing this 'Refresh' button using a timer element and thereby avoiding the rebinding?

Thanks

Grid

answered on 14 Aug 2017

1 answer

572 views

DateTime filter not working

Hello,

I'm having troubles getting dates to filter properly using a grid with a column. The column is bound to a (7) field in server, and regardless of what I enter it never seems to return anything in the filter. Is this due to it being bound to a rather than or datetime2? Is this supported by and If not is there a way to get filtering to work properly?

Thanks

Grid

answered on 14 Aug 2017

0 answers

202 views

Ajax manager doesn't update a user control

Hi, I have this kind of problem.

I have created a small page, where there is a RadListView control and two user controls that use a RadGridView.

When I made a selection in the RadListView, one user control is updated, while the other not.

Here the code of the user control:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BasicControl.ascx.cs" Inherits="RadGridTest.C.BasicControl" %>

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" AllowAutomaticUpdates="false" AllowAutomaticDeletes="false"

AllowSorting="true" EnableViewState="true"

runat="server" AllowMultiRowSelection="True" PageSize="3" AllowPaging="True" AllowCustomPaging="false"

AllowMultiRowEdit="True" AllowAutomaticInserts="false"

OnItemCreated="RadGrid_ItemCreated" OnUpdateCommand="RadGrid1_UpdateCommand" OnItemCommand="RadGrid1_ItemCommand"

OnNeedDataSource="RadGrid1_NeedDataSource"

AllowFilteringByColumn="true" >

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<MasterTableView Width="100%" CommandItemDisplay="Top" EditMode="InPlace" AutoGenerateColumns="false" >

<CommandItemTemplate>

<div style="padding: 5px 5px;">

Custom command item template

<telerik:RadButton ID="RadButtonAddNew" Text="Aggiungi" runat="server" CommandName="AddNew" Visible='<%# this.CanAddNewElements %>'></telerik:RadButton>

<telerik:RadButton ID="RadButtonEditAll" Text="Modifica" runat="server"

CommandName=<%# RadGrid.EditAllCommandName %> Visible="<%# this.CanEditElements %>" OnClientClicked=<%#"BtnEditAllPressed" + ClientID %> ></

telerik:RadButton>

<telerik:RadButton ID="RadButtonRemove" Text="Rimuovi Selezionati" runat="server" CommandName="Rimuovi" ></telerik:RadButton>

<telerik:RadButton ID="RadButtonUpdate" Text="Aggiorna" runat="server" CommandName=<%# RadGrid.UpdateCommandName %> Visible='<%# RadGrid1.EditIndexes.Count > 0 %>'></telerik:RadButton>

<telerik:RadButton ID="RadButtonCancel" Text="Annulla" runat="server" CommandName=<%# RadGrid.CancelAllCommandName %> ></telerik:RadButton>

<telerik:RadButton ID="RadButtonFilter" Text="Cerca" runat="server" CommandName=<%# RadGrid.FilterCommandName %> OnClientClicked=<%#"ToggleFilterBar" + ClientID %> AutoPostBack="false"></telerik:RadButton>

<telerik:RadButton ID="RadButtonRebind" Text="Refresh" runat="server" CommandName="RebindGrid"></telerik:RadButton>

</div>

</CommandItemTemplate>

</MasterTableView>

<ClientSettings >

<Selecting AllowRowSelect="True" EnableDragToSelectRows="True" ></Selecting>

<ClientEvents OnRowDeselected="ItemsRowDeselected" OnRowSelected="ItemsRowSelected" OnGridCreated="GridCreated"/>

</ClientSettings>

</telerik:RadGrid>

<asp:Label ID="Label1" runat="server" Visible='false' Text="Ciao"/>

<telerik:RadScriptBlock ID="RadSciptBlock1" runat="server">

<script type="text/javascript">

function ItemsRowSelected(sender, args) {

console.log("ItemsRowSelected " + sender.get_id());

...

}

function ItemsRowDeselected(sender, args) {

console.log("ItemsRowDeselected " + sender);

...

}

function GridCreated(sender, args) {

console.log("GridCreated" + sender.get_id());

...

}

function BtnEditAllPressed<%= ClientID%>(sender, args) {

...

}

function ToggleFilterBar<%= ClientID%>(sender, args) {

console.log("ToggleFilterBar");

...

}

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

And Here the main page:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<%@ Register TagPrefix="uc" TagName="BasicControl" Src="~/Commons/BasicControl.ascx" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadListViewTrattamenti">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadListViewTrattamenti" />

<telerik:AjaxUpdatedControl ControlID="ProcedimentiDedicatiInTrattamentiGrid" />

<telerik:AjaxUpdatedControl ControlID="ProcedimentiInTrattamentiGrid" LoadingPanelId="RadAjaxLoadingPanel1"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<uc:BasicControl id="ProcedimentiDedicatiInTrattamentiGrid" runat="server" Visible ="true"

OnNeedDataSource="ProcedimentiDedicatiInTrattamentiGrid_NeedDataSource">

</uc:BasicControl>

<table>

<tr>

<td style="width:20%">

<telerik:RadListView RenderMode="Lightweight" runat="server" ID="RadListViewTrattamenti" DataKeyNames="Id"

AllowPaging ="true" AllowCustomPaging="true" PageSize="5" ItemPlaceholderID="TrattamentiHolder"

OnPageIndexChanged="RadListViewTrattamenti_PageIndexChanged"

OnNeedDataSource="RadListViewTrattamenti_NeedDataSource" OnSelectedIndexChanged="RadListViewTrattamenti_SelectedIndexChanged">

<LayoutTemplate>

<fieldset style="display:inline-block">

<legend>Trattamenti</legend>

<asp:Panel ID="TrattamentiHolder" runat="server"></asp:Panel>

</fieldset>

</LayoutTemplate>

<ItemTemplate>

<asp:LinkButton runat="server" CommandName="Select" >

<%#Eval("Nome") %>

</asp:LinkButton>

<br />

</ItemTemplate>

<SelectedItemTemplate>

<asp:Label runat="server" BackColor="YellowGreen">

<%#Eval("Nome") %>

</asp:Label><br />

</SelectedItemTemplate>

</telerik:RadListView>

</td>

<td style="width:80%">

<uc:BasicControl id="ProcedimentiInTrattamentiGrid" runat="server" Visible ="true"

OnNeedDataSource="ProcedimentiInTrattamentiGrid_NeedDataSource">

</uc:BasicControl>

</td>

</tr>

</table>

<telerik:RadScriptBlock ID="RadListBoxScripts" runat="server">

<script type="text/javascript">

function OnClientLoad(sender) {

var listBox = sender;

listBox.requestItems(listBox.get_items().get_count(), 10);

}

</script>

</telerik:RadScriptBlock>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

</div>

</form>

</body>

</html>

So, ProcedimentiInTrattamentiGrid is updated, while ProcedimentiDedicatiInTrattamentiGrid is not.

What could be the problem?

The user controls are working, because if I select a new element in RadListViewTrattamenti, the ProcedimentiInTrattamentiGrid is updated with new values, ProcedimentiDedicatiInTrattamentiGrid no, but if I change the page it shows the new values, it seems the the NeedDataSource Event isn't fired for this one grid.

Thank you

Ajax

asked on 13 Aug 2017

0 answers

162 views

Confirmation dialog integration

I'm wondering if anyone can advise on integrating this confirmation dialog into kendo and styling it so it's more similar?

Is it even compatible? I think it should be but so far haven't had any luck getting it up and running - I've only got a few months experience in JS.

http://demos.pierrejeanparra.com/jquery-plugins/fast-confirm/test.html
http://blog.pierrejeanparra.com/jquery-plugins/fast-confirm/

https://github.com/pjparra/Fast-Confirm

Window

asked on 13 Aug 2017

0 answers

211 views

Radchart pie width

Hi guys,
I have created a Pie Chart for my application but appearance does not look good. If I have at least 6 items the % is squeezed and cannot be seen.
Please see attached file.
Help me with this issue.
Thanks so much.

General Discussions

asked on 12 Aug 2017