Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
778 views
Hi,
          I need to populate text , value pair in RadComboBox. Please help me out to get ride of filling datasource in radcombobox which is placed within radgirid Edit Item Template. Without using DataSourceID="SqlDataSource1" . And binding radcombobox using codebehind on RadGrid Item databound.

        While i click on "ADD NEW RECORD " the RadComboBox within the EditItemTemplate sholud get populated.

<

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 ;-)

 

Kostadin
Telerik team
 answered on 17 May 2016
1 answer
240 views

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>

Marin Bratanov
Telerik team
 answered on 17 May 2016
11 answers
366 views
Is it possible to drag and drop a tree onto an IFRAME? I have tried, but as soon as you drag over the IFRAME the dragged item disapears.

If it is not possible with Telerik is there some sample code that would allow me to do this from a tree control
Shilpa
Top achievements
Rank 1
 answered on 17 May 2016
3 answers
193 views

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";
}

 

Mickael
Top achievements
Rank 1
 answered on 17 May 2016
4 answers
173 views

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.

Rafael
Top achievements
Rank 1
 answered on 16 May 2016
1 answer
146 views

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.

 

Jinzi
Top achievements
Rank 1
 answered on 16 May 2016
1 answer
240 views

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

 

 

 

Cory
Top achievements
Rank 1
 answered on 16 May 2016
4 answers
202 views

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

 

Eyup
Telerik team
 answered on 16 May 2016
2 answers
111 views

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

 

Jon
Top achievements
Rank 1
 answered on 16 May 2016
1 answer
387 views

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>

Thanks!
Viktor Tachev
Telerik team
 answered on 16 May 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?