Hi,
I have a dynamically created grid, it has column groups and in each group is lets say column A, B, C, D
These columns have different dates to make up their unique name.
so we could have 201601-A, 201601-B, 201601-C, 201601-D 201602-A, 201602-B, 201602-C, 201602-D
This causes issues when trying to use the context menu to hide show columns as it displays each unique column, the user would like to hide/show all "A"'s or "B"'s etc..
I would like to give them a check box outside the grid and allow them to select what columns types (A or B or C or D) to hide show.
Is this possible?
Thanks for your help
Hi, I've implemented the radWizard.
When I add "OnActiveStepChanged="RadWizardEntreprise_ActiveStepChanged", backend code will be called for every step changed. However, doing this will mess my navigation bar. All stepe become grayed out except step 1.
Hete is my code front end :
<telerik:RadWizard RenderMode="Auto" ID="RadWizardEntreprise" CssClass="RadWizardEntreprise" runat="server" OnClientLoad="OnClientLoad" OnClientButtonClicking="OnClientButtonClicking" OnActiveStepChanged="RadWizardEntreprise_ActiveStepChanged">
<WizardSteps>
<telerik:RadWizardStep ID="EtapeContractantInfoBase" runat="server" Title="Vos Informations Personnelles" CausesValidation="true" ValidationGroup="InfosBase">
<uc1:CtlContractantInfosBase runat="server" ID="CtlContractantInfosBase" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeContractantAdresse" runat="server" Title="Votre Adresse" CausesValidation="true" ValidationGroup="InfosContractantAdresse">
<uc1:CtlContractantAdresse runat="server" ID="CtlContractantAdresse" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeContractantContact" runat="server" Title="Contact" CausesValidation="true" ValidationGroup="InfosContractantContact">
<uc1:CtlContractantContact runat="server" ID="CtlContractantContact" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeEntrepriseInfoBase" runat="server" Title="L'Entreprise" ValidationGroup="EntrpriseInformationsBase">
<uc1:CtlEntrepriseInformationsBase runat="server" ID="CtlEntrepriseInformationsBase" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeEntrepriseCouverture" runat="server" Title="Couverture" ValidationGroup="EntrepriseCouverture">
<uc1:CtlEntrepriseCouverture runat="server" ID="CtlEntrepriseCouverture"/>
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeAbonnement" runat="server" Title="Abonnement" ValidationGroup="Abonnement">
<uc1:CtlAbonnements runat="server" ID="CtlAbonnements" />
<uc1:CtlNotes runat="server" ID="CtlAbonnements1" />
</telerik:RadWizardStep>
</WizardSteps>
</telerik:RadWizard>
and my backend code that does nothing for now :
protected void RadWizardEntreprise_ActiveStepChanged(object sender, EventArgs e)
{
int activeStepIndex = (sender as RadWizard).ActiveStep.Index;
}
So question is why my progress bar become grayed out when I add the server side binding.
Thank you!
Hello!
I'm having an issue with the RadComboBox control. I have noticed that when there are 2 items that have the same name, let's call them "Combo1", the event SelectedIndexChanged doesn't fire if the user is selecting the second "Combo1" while the current selection is the first "Combo1", or viceversa.
Here's a sample with which I've reproduced the issue:
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:scriptmanager runat="server"></asp:scriptmanager>
<telerik:RadComboBox id="ComboBox1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ComboBox1_SelectedIndexChanged">
<Items>
<telerik:RadComboBoxItem Text="Combo1" />
<telerik:RadComboBoxItem Text="Combo2" />
<telerik:RadComboBoxItem Text="Combo1" />
</Items>
</telerik:RadComboBox>
</form>
</body>
</html>
using System;
using System.Web.UI;
namespace WebApplication2
{
public partial class WebForm1 : Page
{
protected void ComboBox1_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)
{
}
}
}
Am I doing something wrong or is this a bug? Is there a workaround that I could use in order to get it to work properly?
Best Regards,
Andrei
Hi,
I am using the DetailTemplateItemDataCell to put detailed information in per grid item.
However it is not used in all cases. When we want just the row itself I would like to be able to hide the detail template item but have not found this trivial.
I have tried .visible = false which doesn't render the detail cell but the row is still rendered and takes up the same amount of space.
I have also tried using DetailTemplateItemDataCell.parent.visible but this doesn't work either as it doesn't map to the row element.
Using css to set display none doesn't help either.
I am thinking that I am going to have to write some jquery to select the detail item data cells that I want to hide (based upon their content) then hide their parents. I was however hoping that there was an easier way to set this on the server side.
Any suggestions?
Thanks,
Matt
Hello.
Reading the documentation, it looks like there is no way to have a Tooltip added to Diagram Shapes.
I don't see either a shape server-side click event so I could add a tooltip manually.
Can you confirm that?
Thank you.
Hello Telerik support
I have ImageUrl="../Images/loadingArrow.gif" set to RadTab in a RadTabstrip. After page load, ajax asynchronous request is executed and once it is successful, I want to remove the Image from the Tab.
<telerik:RadTab Text="Tab2" Value="Tab2" runat="server" PostBack="true" PageViewID="rpvTab2" CssClass="tab" SelectedCssClass="tabSelected" ImageUrl="Images/loadingArrow.gif"/>
I used following code in javascript which did a trick, but after the postback the original image is displayed on the Tab.
var listChildNodes = tab.get_element().getElementsByClassName("rtsIn")["0"].childNodes;
tab.get_element().getElementsByClassName("rtsIn")["0"].removeChild(listChildNodes[0]);
Can you please suggest a way to remove the Image from the Tab and also it should not be visible after postback.
Thanks.
Manisha
I have a requirement where
1. user clicks on radgrid row and a new rad window opens
2. if the user minimizes that window (not close) and selects another row in the radgrid, another new window opens
3 i only need minimize, maximize, and close buttons in the title bar.
I have looked into the following demo: http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=window
I would like to have it working like shown in the demo, instead i would open individual windows for each rad grid selection.
Also, how would i add all the <div><table></div> contents in the rad window dynamically?
Thanks
Hi Everyone,
I am new to Telerik world and I am very much impressed with telerik controls. My requirement is to bind web API json data to radgrid in client side(wanted to implement paging and sorting also in client side).And also when I click on my first column link button, popup window should show the selected row data
Below is my code.
Somehow data is binding to radgrid, but when I click on next page in paging nothing is showing(radgrid not displaying). And I am stuck in pass the selected row data to popup(rad window)
Please help me on this.
================================
jsonRadgridBind.aspx
================================
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="jsonRadgridBind.aspx.vb" Inherits="defaultvb.jsonRadgridBind" %>
<!DOCTYPE html>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="//code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<telerik:RadCodeBlock ID="AnnualProcessAdmin_RadCodeBlock" runat="server">
<style type="text/css">
.rgRow, .rgAltRow {
height: 40px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
jQuery.support.cors = true;
$.ajax({
type: 'GET',
contentType: 'application/json; charset=utf-8',
dataType: 'JSON',
url: 'http://localhost:5000/api/spaclasslegend',
success: function (result) {
GridData = result;
if (GridData.length > 0) {
var tableView = $find("<%=ClassGrid.ClientID %>").get_masterTableView();
tableView.set_dataSource(GridData);
tableView.dataBind();
}
},
error: function () {
alert('Error on binding the data');
}
});
});
</script>
</telerik:RadCodeBlock>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<div class="demo-container no-bg">
<div id="grid">
<telerik:RadAjaxPanel ID="ClassSearchRadAjaxPanel" runat="server">
<telerik:RadWindowManager ID="ClassDetailRadWindowManager" runat="server" SkinID="radWindowManager"></telerik:RadWindowManager>
<telerik:RadWindow ID="ClassDetailModal" SkinID="radWindowModal" runat="server" Width="990" Height="700" />
<telerik:RadGrid ID="ClassGrid" runat="server" SkinID="basicRadGrid"
EnableLinqExpressions="false" ShowFooter="false" PageSize="3" AllowPaging="true" PagerStyle-AlwaysVisible="true"
AllowFilteringByColumn="true" FilterItemStyle-HorizontalAlign="Left"
Visible="true">
<ClientSettings EnablePostBackOnRowClick="true">
<ClientEvents OnCommand="function(){}" />
<Scrolling FrozenColumnsCount="0" />
</ClientSettings>
<FilterMenu />
<MasterTableView
ClientDataKeyNames="atrSpaCityDistrictId,CityDistrict,legend,classCode,isActive" DataKeyNames="atrSpaCityDistrictId,CityDistrict,legend,classCode,isActive">
<CommandItemSettings ShowAddNewRecordButton="false" ShowCancelChangesButton="false" ShowRefreshButton="false" ShowExportToExcelButton="true" />
<Columns>
<telerik:GridTemplateColumn DataField="CityDistrict" HeaderText="City/District" UniqueName="CityDistrict">
<ItemTemplate>
<asp:LinkButton ID="lnkCityDistrict" runat="server"></asp:LinkButton>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="legend" HeaderText="legend" ColumnEditorID="GridTextBoxEditor">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="classCode" HeaderText="classCode" ReadOnly="true">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="isActive" HeaderText="isActive" ColumnEditorID="GridTextBoxEditor">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn DataField="atrSpaCityDistrictId" HeaderText="atrSpaCityDistrictId" UniqueName="atrSpaCityDistrictId" Display="false">
<ItemTemplate>
<asp:Label runat="server" ID="lblId"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</telerik:RadAjaxPanel>
</div>
</div>
</form>
</body>
</html>
===========================
Json data
===========================
[{"classDesc":"SIDEWALK, DRIVEWAY, CURB","classCode":"EH","legend":"017","isActive":"Y","atrSpaCityDistrictId":"00D17209F8F25F6D4A00011302","atrSpaCitieDistrict":{"cityDistrict":"","isActive":"1","atrSpaClassLegends":null,"id":"00D17209F8F25F6D4A00011302"},"id":"00D1748B8DA0AB0A7400011202"},
{"classDesc":"SIDEWALK, DRIVEWAY, CURB ","classCode":"EH","legend":"017","isActive":"Y","atrSpaCityDistrictId":"00D17209F8F25F6D4A00011302","atrSpaCitieDistrict":{"cityDistrict":"","isActive":"1","atrSpaClassLegends":null,"id":"00D17209F8F25F6D4A00011302"},"id":"00D1748B8DA0AD8BCA00011202"},
{"classDesc":"REFUSE SERVICE ","classCode":"EG","legend":"186","isActive":"Y","atrSpaCityDistrictId":"00D17209F8F25F6D4A00011302","atrSpaCitieDistrict":{"cityDistrict":"","isActive":"1","atrSpaClassLegends":null,"id":"00D17209F8F25F6D4A00011302"},"id":"00D1748B8DA0A0B35200011202"}]