Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
131 views

I have an Entity Framework 6 fluent model in which there is a many to many relationship between an Employee and Teams. The EF model represents the teams that an employee is a member of by an ICollection.

I'm trying to list employees and their associated teams in a declarative hierarchical grid in which the parent table displays an Employee's details and the detail/hierarchical table displays the teams. I'm trying to figure out if it possible to use the ICollection<Teams> to display the list of teams in the detail grid. I tried numerous ways with various datasourceIds, DataKeynames etc. - and also looked at demos/sample

 

Outline of code is below:

 

public partial class Employees
    {
      
        public int EmployeeId { get; set; }
        public string EmployeeFirstName { get; set; }
        public string EmployeeLastName { get; set; }
     
        public virtual ICollection<Teams> Teams{ get; set; }
    }

 public partial class Teams
    {
        [
        public int TeamId{ get; set; }
        public string TeamName{ get; set; }
         public virtual ICollection<Employees> Employees { get; set; }
    }

<ef:EntityDataSource ID="EntityDataSource1" runat="server" ContextTypeName="EF6Model" EntitySetName="Employees" Include="Teams"></ef:EntityDataSource>

 <telerik:RadGrid ID="RadGrid1" >
  <MasterTableView DataSourceID="EntityDataSource1" DataKeyNames="EmployeeId" >
                    <Columns>
                        <telerik:GridBoundColumn HeaderText="First Name" DataField="EmployeeFirstName">
                        </telerik:GridBoundColumn>

         ...................Employee A data here.......
 
                    </Columns>
                    <DetailTables>
                        <telerik:GridTableView>

                          .................Team 1 that Employe A is a member of here...............

                          .................Team 2 that Employe A is a member of here...............

    .................Team 1 that Employe A is a member of here...............

                        </telerik:GridTableView>
                    </DetailTables>
                </MasterTableView>
</telerik:RadGrid>

Calsh
Top achievements
Rank 1
 answered on 18 Jul 2017
0 answers
128 views

I have a telerik:RadSearchBox that has EnableAutoComplete="true" and its datasource is connected to a web service.

The web service requires a token that is set in the web.config file.

    Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
        Dim wsSearchResults As New ws_PBP_SearchResults.ws_PBP_SearchResultsSoapClient
        Dim dsPropName As System.Data.DataSet
        dsPropName = wsSearchResults.PropNameSearch(sKey:=ConfigurationManager.AppSettings.Item("AccessTokenPrivate"))
        Dim dt_PropName As DataTable = dsPropName.Tables("TableName")
        RadSearchBox1.DataSource = dt_PropName
        RadSearchBox1.DataBind()

End Sub

Is there a better way to populate the telerik:RadSearchBox datasource such as using <WebServiceSettings .... /> and have the ability to pass the web service a token?

Thanks in advance.

Kevin
Top achievements
Rank 1
 asked on 17 Jul 2017
0 answers
31 views

Hello All,

    I have a simple radgrid in my user Control. I have enabled paging and its working. But the problem is when user selects particular page, its now showing the border around it or not high lighting the page no. I want users to know which page they are on by either showing the border around selected page number or high lighting the page number. 

    Is there a setting for this..? Following is my small radgrid code. 

<telerik:RadGrid RenderMode="Lightweight" ID="rgUploadedDocs" runat="server" Width="100%"
         OnNeedDataSource="rgUploadedDocs_NeedDataSource"
         OnItemDataBound="rgUploadedDocs_ItemDataBound" OnItemCommand="rgUploadedDocs_ItemCommand" EnableViewState="true" OnPageIndexChanged="rgUploadedDocs_PageIndexChanged">
        <HeaderStyle CssClass="gridViewHeader" />
        <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
        <ItemStyle CssClass="gridViewRow" />
        <AlternatingItemStyle CssClass="gridViewAltRow" />
        <SelectedItemStyle CssClass="gridViewSelected" />
        <MasterTableView AllowSorting="true" AllowNaturalSort="false" PageSize="10" AllowPaging="True" Width="100%" AutoGenerateColumns="false"  DataKeyNames="DOCUMENT_ID"
             NoMasterRecordsText="No uploaded documents found." AllowFilteringByColumn="false" ShowHeadersWhenNoRecords="true">
        <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
        <SortExpressions>
          <telerik:GridSortExpression FieldName="LAST_MODIFIED_DATE_TIME" SortOrder="Descending" />
        </SortExpressions>      
        <Columns>
            <telerik:GridTemplateColumn HeaderText="Document Type" SortExpression="Name" AllowFiltering="false">
                <ItemTemplate>
                    <asp:Label runat="server" ID="lblDocumentType"></asp:Label>
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridBoundColumn  UniqueName="FileName" DataField="FILE_NAME" HeaderText="File Name" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="UploadDate" DataField="LAST_MODIFIED_DATE_TIME" HeaderText="Upload Date" DataFormatString="{0:d}" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="UserName" DataField="Username" HeaderText="Username" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridTemplateColumn HeaderText="Obsolete" SortExpression="IS_OBSOLETE" AllowFiltering="false">
                <ItemTemplate>
                    <asp:CheckBox ID="rdchkObsolete" runat="server" ToolTip="Obsolete" AutoPostBack="true" OnCheckedChanged="rdchkObsolete_CheckedChanged"/>
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridTemplateColumn AllowFiltering="false">
                <ItemTemplate>
                    <asp:ImageButton ID="imgView" ImageUrl="~/Images/search.png" runat="server" ToolTip="View" CommandName="Edit" AlternateText="View" />
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridTemplateColumn AllowFiltering="false">
                <ItemTemplate>
                    <asp:ImageButton ID="imgCancel" ImageUrl="~/Images/cancel.png" runat="server" CommandName="Delete" ToolTip="Delete"
                        CommandArgument='<%# DataBinder.Eval(Container.DataItem, "DOCUMENT_ID") %>' AlternateText="Delete" />
                </ItemTemplate>
            </telerik:GridTemplateColumn
        </Columns>
        </MasterTableView>
    </telerik:RadGrid>

 

Devang
Top achievements
Rank 1
 asked on 17 Jul 2017
2 answers
66 views
Hi,

We implement sort function for radgrid column, however, when we used Jaws to test screen reader functionality, we found that when a screen reader user click the sortable column header links to sort the data in the table, there is no audible cue that the data has been sorted. JAWS merely announces "Enter" to correspond with the command that the screen reader user pressed and then is silent. Screen reader users have no way of knowing that the data in the table has been successfully sorted.

Below is our 508 team opinion and suggestion:
"For more robust functionality, like sortable data tables, it's necessary to assess if a screen reader user can perceive, operate and understand the sorting. In other words, users should perceive that a sort CAN be performed, operate the sort, and understand what (if any) sort HAS been performed.
 
 Implement the following changes to address the issues with the sortable column links.
 
 1. Use three separate images to indicate the status of the sortable column header:
 a. Column not sorted (image displayed by default when page loads OR if a different column is sorted). The alt text for this image should indicate how the data will be sorted the first time the user selects the link - e.g. alt="Choose to Sort Ascending" or alt="Choose to Sort Descending".
 b. Column sorted ascending. The alt text for this image should be alt="Currently Sorted Ascending Choose to Sort Descending".
 c. Column sorted descending. The alt text for this image should be alt="Current Sorted Descending Choose to Sort Ascending".
 
 2. Group the column heading text and image in the same <a> tag so they are both read together.
 
 3. Because the <th> cell will not simply contain the visual text displayed as the column heading, additional steps need to be taken to provide abbreviated column header text to be announced to the screen reader user as they navigate the data table using table reading commands. To do this define an abbr attribute within each <th> tag. The abbr attribute text for each TH cell should just be the visible heading text at the top of the column (e.g. "Select", "State", "County", etc.)"


Is it doable or is there any other solution to address this issue?

Thanks,
Wei
Good
Top achievements
Rank 1
 answered on 17 Jul 2017
3 answers
58 views

Hello Friends, 

   Thank You all in advance. I have a simple User Control with Radgrid - paging /Sorting enabled. Everything works fine without Ajax (Ajaxifying), but when I enable Ajax, it stops working  i.e paging/sorting etc. Following is my Ajax code. I have RadAjaxManager in my MasterPage, So I m using Proxy in my userControls.

<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="rgUploadedDocs">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rgUploadedDocs"LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

 

 

Following is my full aspx page. Its very simple with one rad grid and one file upload. 

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UploadDocument.ascx.cs" Inherits="UserControls_UploadDocument" %>
<%@ Register Src="~/UserControls/FormField.ascx" TagName="FormField" TagPrefix="uc" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>
 
 
<span id="uploadMessage" runat="server"  visible="true" class="formLabelAuto">The documents shown below are uploaded from this page only. You have to navigate to the specific page to view the documents on that page.</span>
<br />
<br />
 
 
 
    <script type="text/javascript">  
    function showHideOtherText() {
        document.getElementById('<%= txtDescription.ClientID %>').value = '';
        var selectElem = document.getElementById('<%= ddlUploadDocumentType.ClientID %>');
        var selectText = selectElem.options[selectElem.selectedIndex].text;
 
        if (selectText.toUpperCase() == 'OTHER') {
            document.getElementById('<%= txtDescription.ClientID %>').removeAttribute('disabled');
        }
        else {
            document.getElementById('<%= txtDescription.ClientID %>').setAttribute('disabled');
        }
 
}
        </script>
 
 
<div style="text-align:center">
    <telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="rgUploadedDocs">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rgUploadedDocs"LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="50"
        BackColor="#E0E0E0" InitialDelayTime="500">
        <asp:Image ID="imgLoading" Style="margin-top: 100px" runat="server" ImageUrl="~/Images/Loading.gif"
            BorderWidth="0px" AlternateText="Loading..." />
    </telerik:RadAjaxLoadingPanel>
 
 
 
    <telerik:RadGrid RenderMode="Lightweight" ID="rgUploadedDocs" runat="server" Width="100%" Enabled ="true"
        FilterItemStyle-BackColor="#e6e6e6" FilterItemStyle-BorderStyle="Solid" OnNeedDataSource="rgUploadedDocs_NeedDataSource"
         OnItemDataBound="rgUploadedDocs_ItemDataBound" OnItemCommand="rgUploadedDocs_ItemCommand" CssClass="gridViewSmallFont">
        <HeaderStyle CssClass="gridViewHeader" />
        <PagerStyle Mode="NextPrevAndNumeric" />
        <ItemStyle CssClass="gridViewRow" />
        <AlternatingItemStyle CssClass="gridViewAltRow" />
        <SelectedItemStyle CssClass="gridViewSelected" />
        <MasterTableView AllowSorting="true" PageSize="10" AllowPaging="True" Width="100%" AutoGenerateColumns="false" CommandItemDisplay="None" DataKeyNames="DOCUMENT_ID"
             NoMasterRecordsText="No uploaded documents found." AllowFilteringByColumn="false" AllowMultiColumnSorting="true" ShowHeadersWhenNoRecords="true">
        <CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" /> 
        <SortExpressions>
          <telerik:GridSortExpression FieldName="LAST_MODIFIED_DATE_TIME" SortOrder="Descending" />
        </SortExpressions>      
        <Columns>
            <telerik:GridTemplateColumn HeaderText="Document Type" SortExpression="Name" AllowFiltering="false">
                <ItemTemplate>
                    <asp:Label runat="server" ID="lblDocumentType"></asp:Label>
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridBoundColumn  UniqueName="FileName" DataField="FILE_NAME" HeaderText="File Name" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="UploadDate" DataField="LAST_MODIFIED_DATE_TIME" HeaderText="Upload Date" DataFormatString="{0:d}" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="UserName" DataField="Username" HeaderText="Username" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridTemplateColumn HeaderText="Osolete" SortExpression="IS_OBSOLETE" AllowFiltering="false">
                <ItemTemplate>
                    <asp:CheckBox ID="rdchkObsolete" runat="server" ToolTip="Obsolete" AutoPostBack="true" OnCheckedChanged="rdchkObsolete_CheckedChanged"/>
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridTemplateColumn AllowFiltering="false">
                <ItemTemplate>
                    <asp:ImageButton ID="imgView" ImageUrl="~/Images/search.png" runat="server" ToolTip="View" CommandName="Edit" AlternateText="View" />
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridTemplateColumn AllowFiltering="false">
                <ItemTemplate>
                    <asp:ImageButton ID="imgCancel" ImageUrl="~/Images/cancel.png" runat="server" CommandName="Delete" ToolTip="Delete"
                        CommandArgument='<%# DataBinder.Eval(Container.DataItem, "DOCUMENT_ID") %>' AlternateText="Delete" />
                </ItemTemplate>
            </telerik:GridTemplateColumn
        </Columns>
        </MasterTableView>
    </telerik:RadGrid>
 
    <br />
    <br />
    <table border="0" style="border-collapse: collapse; border-spacing: 0"  role="presentation">
        <tr>
            <td> </td>
            <td>
                <asp:FileUpload id="filUploadFile" runat="server" Width="400px" size="100" />
            </td>
        </tr>
        <tr><td> </td><td> </td></tr>
         <tr runat="server" id="trUploadDocumentType">
            <td style="text-align:right"><span class="formLabelAuto">Document Type:</span></td>
            <td style="text-align:left"><asp:DropDownList runat="server" ID="ddlUploadDocumentType" CssClass="formField220" OnClientClick="showHideOtherText();"></asp:DropDownList></td>
         </tr>
         
        <tr><td colspan="2"> </td></tr>
        <tr><td colspan="2"><asp:ValidationSummary ID="vsUpdateDocument" runat="server" DisplayMode="SingleParagraph" ValidationGroup="valUpdateDocument" /></td></tr>
         
        <tr style="vertical-align:top">
            <td>
                <span class="formLabelSmall">Description</span>
            </td>
            <td>
                <asp:TextBox ID="txtDescription" runat="server" Rows="5" CssClass="formFieldLarge" TextMode="MultiLine" MaxLength="500" />
            </td>
        </tr>
    </table>
    <br />
    <asp:Button id="UploadButton" Text="Upload file" OnClick="UploadButton_Click" runat="server" CssClass="buttonBox"
        ValidationGroup="valUpdateDocument" /> 
    <p><b><asp:Label ID="lblStatusMsg" runat="server" Width="100%" Style="word-wrap: normal; word-break: break-all;"/></b></p
</div>
Devang
Top achievements
Rank 1
 answered on 17 Jul 2017
5 answers
383 views
I need the selected radio button to have a different cssclass than the unselected in the group. How would I do this. I tried this but the cssclass doesn't work at all - it works if I apply it to the RadButton but not on each state. In other words I want the selected radio to be green and unselected to be red:
 <telerik:RadButton ID="rbStandard" runat="server" ToggleType="Radio"
               GroupName="Radgrp" ButtonType="ToggleButton" AutoPostBack="false">
    <ToggleStates>
          <telerik:RadButtonToggleState Text="Standard" CssClass="ComicRed" />          
     <telerik:RadButtonToggleState Text="Standard" CssClass="ComicGreen" />
       </ToggleStates>  
</
telerik:RadButton>
<telerik:RadButton ID="rbLite" runat="server" ToggleType="Radio"
               GroupName="Radgrp" ButtonType="ToggleButton" AutoPostBack="false">
    <ToggleStates>
          <telerik:RadButtonToggleState Text="Lite" CssClass="ComicRed" />          
     <telerik:RadButtonToggleState Text="Lite" CssClass="ComicGreen" />
       </ToggleStates>  
</
telerik:RadButton>
Vessy
Telerik team
 answered on 17 Jul 2017
1 answer
117 views

RadTreeView was working fine when using Visual studio 2012, But it doesn't expand if we use Visual Studio 2015 in the same development PC.

Would anyone knows why this happen and how should we solve this issue?

 

Thank you!

 

Vessy
Telerik team
 answered on 17 Jul 2017
1 answer
249 views

Hi,

I'm trying to create a diagram with images programatically, I followed the demo  http://demos.telerik.com/aspnet-ajax/diagram/examples/serverside/defaultcs.aspx and its ok. The problem is that the image only shows in the first shape.

 

The code is

 

<telerik:RadDiagram  runat="server" ID="diagrama" >
   <LayoutSettings  Type="Tree" Subtype="Right"/>
   <ShapeDefaultsSettings Type="Circle"/>
 </telerik:RadDiagram>

 

And .Net

for (int i = 0; i < 4; i++)
{
   DiagramShape nodo = new DiagramShape();
   nodo.Id = i.ToString();
   String contenido = "<label>" + i.ToString() + "</Label>";
   contenido += "<img src='FacturaPagada.png' />";
   nodo.ContentSettings.Html = contenido;
   diagrama.ShapesCollection.Add(nodo);
 }

 

 

 

 

 

Vessy
Telerik team
 answered on 17 Jul 2017
1 answer
188 views
i want to create custom time slot in kendo day scheduler. For example i want to create the time slot of 15 min duration from 9:00 am to 1:00 pm and after that i want to create time slot of 30 minutes duration from 1:00 pm to 5:00 pm. i am getting time slots from DB and i want to create slots as it is as its coming from DB.how can i Override the default slot creation functionality of kendo calendar.By defining "majorTick" i am getting all slots with same time duration but i want to customize this duration according to the time coming from DB with each row. Any suggestion/idea to achieve this functionality.
Zia
Top achievements
Rank 1
 answered on 17 Jul 2017
1 answer
108 views

Hi,

the link below is not found.

I have this on a page with a radgrid skin Telerik.

http://aspnet-skins.telerikstatic.com/ajaxz/2017.2.711/Telerik/Grid/sprite.png

 

Ivan Zhekov
Telerik team
 answered on 17 Jul 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?