I am trying to create a pop up window without any shadowing.
I tried using EnableShadow="false" but the shadow still appears. What do I need to do?
Thank you
James
<Telerik:RadWindowManager ID="uiWindowMgr" runat="server" EnableShadow="false" VisibleTitlebar="false" > <Windows> <telerik:RadWindow ID="uiCalendarPop" runat="server" VisibleTitlebar="false" EnableShadow="false" Behaviors="Close,Move" > <ContentTemplate> <div style="width: 250px; height: 25px; background-color:#3F3F3F;padding:5px;font-family:verdana;font-size:12px;color:white;"> <iframe src=""></iframe> Select Date </div> <iframe src=""></iframe> <div style="height: 30px"> <asp:RadioButtonList ID="uiCustomDate" runat="server" CssClass="CustomDates" RepeatDirection="Horizontal"> <asp:ListItem Text="Unknown" Value="Unknown"></asp:ListItem> <asp:ListItem Text="N/A" Value="N/A"></asp:ListItem> <asp:ListItem Text="Ongoing" Value="Ongoing"></asp:ListItem> </asp:RadioButtonList> </div> <Telerik:RadCalendar ID="uiCal" runat="server" FastNavigationPrevImage="~/Images/cal_prevMonth.gif" EnableShadows="false" FastNavigationNextImage="~/Images/cal_nextMonth.gif" EnableMultiSelect="false" > <ClientEvents OnLoad="CalendarLoad" OnDateSelected="DateSelected" /> <FooterTemplate> <div id="footerDiv" style=""padding:5px;font-family:verdana;font-size:12px;color:black;background-color:#EEEEEE;"> <div class="footer" style="text-align: center"><%-- <span style="float: right;"> --%> <input type="button" value="Close" onclick="ClosePopup()" class="button" /> <%-- </span>--%> </div> </div> </FooterTemplate> </Telerik:RadCalendar> <input type="hidden" id="uiControlToSetDate" /> </ContentTemplate> </telerik:RadWindow> </Windows> </Telerik:RadWindowManager>
We are having a problem with setting the text of a SearchBox when not using PostBack.
Following the sample xml and javascript below, the user type something into 'CmbBx_Search1', and when he/she press enter, we want to set the value in 'RdSrchBx_RdWndw_A' by default, then set the focus on 'RdSrchBx_RdWndw_B'.
The problem is that after setting the text of 'RdSrchBx_RdWndw_A' it appears grayed out like it has not been set yet. (like a default value)
And if I click on it, the value I set is removed.
You can check the attached screenshot.
What I would like is that once I set the text of nameSearchBox, it appears as normal text. As if the user had typed it directly in the box.
So no grayed out, no reset on focus.
It looks like this is working when using the PostBack event, but I cannot do that, I have to set the value from javascript as a result of the user selection in 'CmbBx_Search1'
<telerik:RadSearchBox ID="CmbBx_Search1" runat="server" Width="550px" EmptyMessage="Add or Search..." OnClientSearch="PerformSearch" ShowSearchButton="true"> <DropDownSettings Height="400" Width="550" /> <WebServiceSettings Path="Main.aspx" Method="GetResults" /></telerik:RadSearchBox> <telerik:RadSearchBox ID="RdSrchBx_RdWndw_A" runat="server" OnClientSearch="AddSimpleName" OnClientDataRequesting="AddSimpleName" ShowSearchButton="true"> <DropDownSettings Height="400" Width="550" /> <WebServiceSettings Path="Main.aspx" Method="GetResults" /></telerik:RadSearchBox> <telerik:RadSearchBox ID="RdSrchBx_RdWndw_B" runat="server" OnClientSearch="AddSimpleType" OnClientDataRequesting="AddSimpleType" ShowSearchButton="true"> <DropDownSettings Height="400" Width="550" /> <WebServiceSettings Path="Main.aspx" Method="GetTypeResults" /></telerik:RadSearchBox>
function PerformSearch(sender, args) { PageMethods.PrepareForSearchResult(args.get_text(), false, ProcessInterfaceResult);} function ProcessInterfaceResult(pResult) { var result = JSON.parse(pResult); ClearSearchBox($find("<%= RdSrchBx_RdWndw_A.ClientID %>"), false); ClearSearchBox($find("<%= RdSrchBx_RdWndw_B.ClientID %>"), false); var nameSearchBox = $find("<%= RdSrchBx_RdWndw_A.ClientID %>"); var nameSearchBoxInput = nameSearchBox.get_inputElement(); if (isEmpty(result.name) == true) { nameSearchBoxInput.focus(); } else { nameSearchBoxInput.value = result.name; var typeSearchBox = $find("<%= RdSrchBx_RdWndw_B.ClientID %>"); typeSearchBox = typeSearchBox.get_inputElement(); typeSearchBox.focus(); }} function ClearSearchBox(pSearchBox, pIsMobile) { pSearchBox.clear(); var emptyMessage = pSearchBox.get_emptyMessage(); pSearchBox = pSearchBox.get_inputElement(); if (pIsMobile == true) { pSearchBox.innerHTML = emptyMessage; } else { pSearchBox.innerText = emptyMessage; } pSearchBox.className = "rsbInput radPreventDecorate rsbEmptyMessage";}
I am trying to show the Loading Panel (implicit or explicit) when I click the export button of the RadPivotGrid, can someone help me with that, please?
I've tried two different ways yet, the first one was setting my PivotGrid in the RadAjaxManager, no success, it is not exporting, no errors, no message, no file!
The second one was showing LoadingPanel explicit. now it is exporting, but I(my application) do not know when the exporting process ended. My hope was to implement some token/cookie technique, no success, the client-side do not receive the cookie update after the export method(server-side).
Any help would be welcome!
Thanks.
I'm using the dataform integration with radGrid sample introduced in the demo.
Is it possible to keep insert mode on the page after submit a new record? the user wants to be able to submit multiple records instead of insert one when first come to the page ( I set dataform.isItemInserted == true on PreRender) and then go back to select one in radgrid to get the insert button.
I'm creating a dashboard and have a couple of DIVs defined... chart1, chart2. I would like to fill them with RadCharts.
My problem is that when I draw the chart to the page - I only get one of them... the second on overwrites the first one.
Can you not have more than one radhtmlchart on a page???
I'm using a datatable from an oracle database to create the data... here is how the code is defined:
on ASP page:
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
<div runat="server" id="Chart1">
Chart 1
</div>
<div runat="server" id="Chart2">
Chart 2
</div>
</asp:Content>
In Code Behind:
DataTable lPerson = app.GetPersonDashboard();
RadHtmlChart columnChart = new RadHtmlChart();
columnChart.ID = "ColumnChart";
columnChart.ChartTitle.Text = "EED Person Table Yesterday to Today (6 am)";
columnChart.Width = Unit.Pixel(350);
columnChart.Height = Unit.Pixel(300);
columnChart.Legend.Appearance.Position = Telerik.Web.UI.HtmlChart.ChartLegendPosition.Bottom;
//columnChart.PlotArea.XAxis.TitleAppearance.Text = "Record Type";
//columnChart.PlotArea.YAxis.TitleAppearance.Text = "Records Processed";
ColumnSeries ProcessedRecords = new ColumnSeries();
ProcessedRecords.Name = "Processed Records";
ProcessedRecords.LabelsAppearance.Visible = false;
ProcessedRecords.TooltipsAppearance.Color = System.Drawing.Color.White;
ProcessedRecords.TooltipsAppearance.DataFormatString = "{0} Records";
ColumnSeries ErrorRecords = new ColumnSeries();
ErrorRecords.Name = "Error Records";
ErrorRecords.Appearance.FillStyle.BackgroundColor = Color.Violet;
ErrorRecords.LabelsAppearance.Visible = false;
ErrorRecords.TooltipsAppearance.Color = System.Drawing.Color.White;
ErrorRecords.TooltipsAppearance.DataFormatString = "{0} Records";
foreach (DataRow row in lPerson.Rows)
{
decimal RecCount = (decimal)row["record_count"];
if (row["table_name"].ToString() == "ProcessCount")
{
CategorySeriesItem ProcCount = new CategorySeriesItem(RecCount);
ProcessedRecords.SeriesItems.Add(ProcCount);
}
if (row["table_name"].ToString() == "ErrorCount")
{
CategorySeriesItem ErrCount = new CategorySeriesItem(RecCount);
ErrorRecords.SeriesItems.Add(ErrCount);
}
}
columnChart.PlotArea.Series.Add(ProcessedRecords);
columnChart.PlotArea.Series.Add(ErrorRecords);
Chart1.Controls.Add(columnChart);
// This is the second chart on the page
DataTable lEED = app.GetEEDBulkDashboard();
RadHtmlChart EEDChart = new RadHtmlChart();
EEDChart.ID = "ColumnChart";
EEDChart.ChartTitle.Text = "Bulk Email Table Errors";
EEDChart.Width = Unit.Pixel(350);
EEDChart.Height = Unit.Pixel(300);
EEDChart.Legend.Appearance.Position = Telerik.Web.UI.HtmlChart.ChartLegendPosition.Bottom;
foreach (DataRow row in lEED.Rows)
{
ColumnSeries EEDCol = new ColumnSeries();
EEDCol.Name = row["groupname"].ToString();
EEDCol.LabelsAppearance.Visible = false;
EEDCol.TooltipsAppearance.Color = System.Drawing.Color.White;
EEDCol.TooltipsAppearance.DataFormatString = "{0} Records";
decimal RecCount = (decimal)row["record_count"];
CategorySeriesItem RecCountCol = new CategorySeriesItem(RecCount);
EEDCol.SeriesItems.Add(RecCountCol);
EEDChart.PlotArea.Series.Add(EEDCol);
}
Chart2.Controls.Add(EEDChart);
}
Please help!
Thanks,
Cory
I am attempting to create a custom Edit Item Template using this Telerik demo as a guide:
So far I have created my web form ASCX page and the code behind for that page. I getting the new custom form to display when I click the edit button. However when the form opens I do not see the data from the record I want to edit, all I see is an empty form, plus the update and cancel buttons are not showing. I have attached a screen shot titled EmptyForm.png. showing what I have so far.
Below is the C# code for the ASCX web form:
01.private object _dataItem = null;02. 03. protected void Page_Load(object sender, EventArgs e)04. {05. //Popuate the Gender Dropdown List06. if (!Page.IsPostBack) //this is required to prevent the slected value of the drop downs being reverted during the data save07. {08. 09. using (CADWEntities DDLGender = new CADWEntities())10. {11. var GenderDropDownQuery = from Link in DDLGender.GenderViewEFs12. select new { Link.GenderDescription, Link.GenderCode };13. DropDownListGender.DataValueField = "GenderCode";14. DropDownListGender.DataTextField = "GenderDescription";15. DropDownListGender.DataSource = GenderDropDownQuery.ToList();16. DropDownListGender.DataBind();17. }18. 19. //Popuate the Race Dropdown List20. using (CADWEntities DDLRace = new CADWEntities())21. {22. var RaceDropDownQuery = from Link in DDLRace.RaceViewEFs23. select new { Link.RaceDescription, Link.RaceCode };24. DropDownListRace.DataValueField = "RaceCode";25. DropDownListRace.DataTextField = "RaceDescription";26. DropDownListRace.DataSource = RaceDropDownQuery.ToList();27. DropDownListRace.DataBind();28. }29. }30. }31. 32. public object DataItem33. {34. get35. {36. return this._dataItem;37. }38. set39. {40. this._dataItem = value;41. }42. 43. }
I am stuck on how to show the data for the selected record. In the demo the code for the ASCX page just shows // Put user code to initialize the page here. Can someone help with an explanation of the code I need to show the selected record to edit, and how I can get the cancel and Update buttons to show when the edit form opens. Or perhaps another example that shows the code needed to display the selected record.
Thanks
Perry

There is a discrepancy on the top position of text between IE and Chrome for buttons rendered with the material skin. This has changed from Q1 where they both worked.
Issue can be seen on this page and in the attached image. Left part of the button is IE and right is Chrome. IE seems to have an extra 2 px above the text.
http://demos.telerik.com/aspnet-ajax/button/examples/overview/defaultcs.aspx?skin=Material
Please supply me with a temporary css fix - I couldn't see where the 2px is coming from....
Regards
Jon
I have a RadGrid that when a row is expanded loads up another user control with a RadGride inside, like so:
<telerik:RadGrid OnItemCommand="RadGridList_ItemCommand" ID="RadGridList" Width="100%" runat="server" AllowPaging="True" AllowSorting="True"OnSortCommand="RadGridList_SortCommand" OnNeedDataSource="RadGridList_NeedDataSource" AutoGenerateHierarchy="True" GroupPanelPosition="Top" ShowFooter="False" PageSize="10" CellSpacing="0" > <MasterTableView AutoGenerateColumns="False" AllowMultiColumnSorting="True" GroupLoadMode="Server" EditMode="Batch"> <Columns> <telerik:GridBoundColumn DataField="CompanyID" HeaderText="Company ID" UniqueName="CompanyID" Display="false"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="1" HeaderText="Jan" UniqueName="Jan"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="2" HeaderText="Feb" UniqueName="Feb"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="3" HeaderText="Mar" UniqueName="Mar"></telerik:GridBoundColumn> </Columns> <NestedViewTemplate> <uc:Forecast runat="server" ID="Forecast" Visible="false"/> </NestedViewTemplate> </MasterTableView> </telerik:RadGrid>The nested user control is data bound when the 'ExpandCollapse' item command is fired. When I set EditMode="Batch" in the top level RadGrid it works fine, but I cannot get it to work in the nested RadGrid. The 'Add', 'Save', 'Cancel' and 'Refresh' buttons all appear and fire events, but the cells in the grid don't become editable on click.
Here is the code for the Forecast user control RadGrid:
<telerik:RadGrid ID="RadGridForecast" runat="server" OnNeedDataSource="RadGridForecast_NeedDataSource" AllowSorting="True" CssClass="radGridForecast"ShowFooter="True" GridLines="None" CellSpacing="0" AllowAutomaticUpdates="True" AllowAutomaticInserts="True" AllowAutomaticDeletes="True" OnItemUpdated="RadGridForecast_ItemUpdated" OnSortCommand="RadGridForecast_SortCommand" OnBatchEditCommand="RadGridForecast_BatchEditCommand" > <MasterTableView CommandItemDisplay="Bottom" AutoGenerateColumns="False" GroupLoadMode="Server" EditMode="Batch"> <BatchEditingSettings OpenEditingEvent="Click" EditType="Cell" /> <Columns> <telerik:GridBoundColumn DataField="Type" HeaderText="" UniqueName="ForecastType" FooterText="Total Sales"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="1" HeaderText="Jan" UniqueName="Jan" Aggregate="Sum" FooterText=" "> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="2" HeaderText="Feb" UniqueName="Feb" Aggregate="Sum" FooterText=" "> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> </Columns> </MasterTableView> <ClientSettings AllowKeyboardNavigation="true"></ClientSettings> </telerik:RadGrid>
Hi!
I have 4-level hierarchical <asp:dropdownlist > items within <telerik:RadListView>, when I change the first level dropdownlist, the function SelectedIndexChanged was triggered, when the dataset returns nothing, I want to add an empty listitem to the dropdown, but, after the function has gone through completed, the listitem of 2nd tier still remain the same before selectedindexchanged, what has I missed? I have attached partial code below.
Thanks in advanced.
SH
-- xxx.aspx
<telerik:RadListView ID="RadLVFbData" DataKeyNames="FormId" runat="server" RenderMode="Lightweight"
ItemPlaceholderID="CSDetailContainer" OnNeedDataSource="RadLVFbData_NeedDataSource" OnItemCommand="RadLVFbData_ItemCommand"
OnItemDataBound="RadLVFbData_ItemDataBound" OnItemCreated="RadLVFbData_ItemCreated"
Skin="Silk">
...
<table style="width:100%;border-collapse:separate" border="0">
<tr>
<td style="width: 25%">Type Category:</td>
<td style="width: 20%"><asp:DropDownList ID="ddlFBTypeL1" Width="100px" runat="server" OnSelectedIndexChanged="ddlFBTypeL1_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList></td>
<td style="width: 20%"><asp:DropDownList ID="ddlFBTypeL2" Width="120px" runat="server" OnSelectedIndexChanged="ddlFBTypeL2_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList></td>
<td style="width: 20%"><asp:DropDownList ID="ddlFBTypeL3" Width="120px" runat="server" OnSelectedIndexChanged="ddlFBTypeL3_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList></td>
<td><asp:DropDownList ID="ddlFBTypeL4" Width="120px" runat="server" OnSelectedIndexChanged="ddlFBTypeL4_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList></td>
</tr>
</table>
</telerik:RadListView>
---------------------------------------------------------------------------------------------------------------------------
-- xxx.aspx.cs
protected void ddlFBTypeL1_SelectedIndexChanged(object sender, EventArgs e)
{
try
{
DataSet dsChild = new DataSet();
DataSet ds = new DataSet();
DropDownList elemDDLFBTypeL1 = sender as DropDownList;
//get next layer UI element for ddlFBTypeL1
DropDownList elemDDLFBTypeL2 = elemDDLFBTypeL1.NamingContainer.FindControl("ddlFBTypeL2") as DropDownList;
string strFBTypeL1ID = "00001"; //first layer ID
string strFBTypeL1Val = elemDDLFBTypeL1.SelectedValue;
string strFBTypeL2ID = "";
//get data for 2nd layer
dsChild = objChoiceRelLogic.getChoiceRelByParentIdVal(strFBTypeL1ID, strFBTypeL1Val);
if (dsChild != null && dsChild.Tables[0].Rows.Count > 0)
{
....
}
else
{
elemDDLFBTypeL2.DataSource = null;
elemDDLFBTypeL2.DataBind();
elemDDLFBTypeL2.Items.Insert(0, new ListItem("--------", ""));
}
}
catch(Exception ex)
{
LogUtils.ErrorFormat("In ddlFBTypeL1_SelectedIndexChanged, exception: " + ex.Message);
}
}