<
telerik:GridTemplateColumn HeaderText="Document Type" HeaderButtonType="TextButton">
<ItemTemplate>
<asp:Label runat="server" ID="lblDocType" Text='<%# Eval("DocumentType") %>' />
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="RCBAccDocType" runat="server" Width="130px" Skin="Office2007">
</telerik:RadComboBox>
</EditItemTemplate>
<ItemStyle Width="12%" HorizontalAlign="Left" />
<HeaderStyle Width="12%" HorizontalAlign="Center" />
</telerik:GridTemplateColumn>
Thanks!,
Happy coding ;-)
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 List
06.
if
(!Page.IsPostBack)
//this is required to prevent the slected value of the drop downs being reverted during the data save
07.
{
08.
09.
using
(CADWEntities DDLGender =
new
CADWEntities())
10.
{
11.
var GenderDropDownQuery = from Link
in
DDLGender.GenderViewEFs
12.
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 List
20.
using
(CADWEntities DDLRace =
new
CADWEntities())
21.
{
22.
var RaceDropDownQuery = from Link
in
DDLRace.RaceViewEFs
23.
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
DataItem
33.
{
34.
get
35.
{
36.
return
this
._dataItem;
37.
}
38.
set
39.
{
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"
O
nSortCommand
=
"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
>