Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,739 questions
2 answers
83 views
RadGrid with two comboboxes in same row with data source of one depending on another selection

I have RadGrid with EditMode="Batch". I have two columns Location and Department  and comboboxes Location and Department inside  EditItemTemplate and InsertItemTemplate. They use SqlDataSource, Location data source just query all the location records, department  data source has parameter - location id.

 

I need to be able to update data source of Department in edit and insert mode  depending on what is  selected in the column "location". I created hidden control that is used by department data source, but can't figure out when and how to set it to rebind the Department combobox.

 

Any help is greatly appreciated!

 <asp:HiddenField ID="hflocationid" runat="server" />

<telerik:RadGrid ID="RadGrid3" runat="server" DataSourceID="dsCatGroup" AllowAutomaticDeletes="true"
                        GroupPanelPosition="Top" ResolvedRenderMode="Classic" OnBatchEditCommand="RadGrid2_BatchEditCommand">
                        
                        <MasterTableView AutoGenerateColumns="False" DataKeyNames="PartCatGroupID" EditMode="Batch" CommandItemDisplay="Top"
                            DataSourceID="dsCatGroup" ShowHeadersWhenNoRecords="true">
                            <BatchEditingSettings EditType="Row"  />

                            <Columns>
                                <telerik:GridTemplateColumn HeaderText="Responsible Location" UniqueName="ResponsibleLocation" DataField="ResponsibleLocation" HeaderStyle-Width="125px" AllowFiltering="true" ShowFilterIcon="false" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="250px">
                                                <ItemTemplate>
                                                   <%# Eval("ResponsibleLocation")%>
                                                </ItemTemplate>
                                                <EditItemTemplate>
                                                     <telerik:RadComboBox ID="ddResponsibleLocation1" Runat="server" DataSourceID="dsResponsibleLocations"
                                                                DataTextField="LocationName" DataValueField="LocationId" EmptyMessage="Select a Location"
                                                                EnableAutomaticLoadOnDemand="True" ItemsPerRequest="20" MarkFirstMatch="True"
                                                                ShowMoreResultsBox="True" Width="95%" AutoPostBack="False" ZIndex="20000"
                                                                CausesValidation="False">
                                                            </telerik:RadComboBox>                       
                                                </EditItemTemplate>
                                                <InsertItemTemplate>
                                                    <telerik:RadComboBox ID="ddResponsibleLocation2" Runat="server" DataSourceID="dsResponsibleLocations"
                                                                DataTextField="LocationName" DataValueField="LocationId" EmptyMessage="Select a Location"
                                                                EnableAutomaticLoadOnDemand="True" ItemsPerRequest="20" MarkFirstMatch="True"
                                                                ShowMoreResultsBox="True" Width="95%" AutoPostBack="False" ZIndex="20000"
                                                                CausesValidation="False">
                                                            </telerik:RadComboBox>
                                                                                 
                                                </InsertItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderText="Responsible Department" UniqueName="ResponsibleDepartment" DataField="ResponsibleDepartment" HeaderStyle-Width="125px" AllowFiltering="true" ShowFilterIcon="false" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="250px">
                                                <ItemTemplate>
                                                   <%# Eval("ResponsibleLocation")%>
                                                </ItemTemplate>
                                                <EditItemTemplate>
                                                     <telerik:RadComboBox ID="ddResponsibleDepartment1" Runat="server" DataSourceID="dsResponsibleDepartments"
                                                                DataTextField="DepartmentCode" DataValueField="DepartmentId" EmptyMessage="Select a Department"
                                                                EnableAutomaticLoadOnDemand="True" ItemsPerRequest="20" MarkFirstMatch="True"
                                                                ShowMoreResultsBox="True" Width="95%" AutoPostBack="False" ZIndex="20000" OnItemDataBound="ddResponsibleDepartment1_ItemDataBound"
                                                                CausesValidation="False">
                                                            </telerik:RadComboBox>                       
                                                     
                                                </EditItemTemplate>
                                                <InsertItemTemplate>
                                                    <telerik:RadComboBox ID="ddResponsibleDepartment2" Runat="server" DataSourceID="dsResponsibleDepartments"
                                                                DataTextField="DepartmentCode" DataValueField="DepartmentId" EmptyMessage="Select a Department"
                                                                EnableAutomaticLoadOnDemand="True" ItemsPerRequest="20" MarkFirstMatch="True"
                                                                ShowMoreResultsBox="True" Width="95%" AutoPostBack="False" ZIndex="20000"
                                                                CausesValidation="False">
                                                            </telerik:RadComboBox>
                                                </InsertItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridButtonColumn CommandName="Delete" ConfirmText="Are you sure you want to delete this Product Group?" ButtonType="ImageButton" HeaderText="Delete?" ConfirmDialogType="RadWindow" UniqueName="btnDeleteFinal">
                                        <ItemStyle VerticalAlign="Middle" />
                                <HeaderStyle Width="55px" />
                                </telerik:GridButtonColumn>
                            </Columns>
                        </MasterTableView>
                    </telerik:RadGrid>

 

<asp:SqlDataSource ID="dsResponsibleLocations" runat="server"
                        ConnectionString="<%$ ConnectionStrings:PPMTESTConnectionString %>"
                        SelectCommand="SELECT  [LocationId],[LocationName] FROM [PartCatLocations] ORDER BY [LocationName] ">
                    </asp:SqlDataSource>
                    <asp:SqlDataSource ID="dsResponsibleDepartments" runat="server"
                        ConnectionString="<%$ ConnectionStrings:PPMTESTConnectionString %>"
                        SelectCommand="SELECT  [DepartmentId],[DepartmentCode] FROM PartCatDepartments where LocationId=@locationid ORDER BY [DepartmentCode] ">
                        <SelectParameters>
                            <asp:ControlParameter ControlID="hflocationid" Name="locationid"  
                                PropertyName="Value" />
                        </SelectParameters>
                    </asp:SqlDataSource>

Grid
Galina
Top achievements
Rank 1
 answered on 07 Jun 2018
7 answers
104 views
InvalidCastException when Inserting record
I have a grid which has this column:

<telerik:GridDateTimeColumn UniqueName="date" DataField="date" HeaderText="Date" ItemStyle-Width="120px"></telerik:GridDateTimeColumn> 

I have a FormTemplate with this line:

<telerik:RadDatePicker ID="datenews" runat="server" SelectedDate='<%# Bind("date") %>'> 

When I edit a record, this works fine.

When I go to insert a new record I get this:
System.InvalidCastException: Specified cast is not valid 

On the RadDatePicker line above.

Help?

Second question:

I tried to avoid creating the FormTemplate in the first place and use the automatically generated edit / insert form. I could not locate how to manipulate (change width, height, textmode) the text boxes automatically created.







Grid
Marin Bratanov
Telerik team
 answered on 07 Jun 2018
0 answers
181 views
Generating QR code with company logo

Hi, would like to check if it is possible to generate a QR code with a logo in the middle?

 

sample in attached file

Barcode
Benjamin
Top achievements
Rank 1
 asked on 07 Jun 2018
10 answers
319 views
Max number of tokens
Is it possible to limit the number of tokens inputted into an autocomplete box via some sort of property or setting?

Thanks!
AutoCompleteBox
David
Top achievements
Rank 1
Veteran
Iron
 answered on 06 Jun 2018
7 answers
216 views
thumbnails
I have ExplorerMode="Thumbnails" on my RadFileExplorer.How to set the Thumbnails bigger?
FileExplorer
Vessy
Telerik team
 answered on 06 Jun 2018
1 answer
399 views
How to Update Async Upload Configuration Encryption Key

We need to update the value of the Async Upload Configuration Encryption Key for security reasons in our organization. How do we get the new encryption key value to put in our web.config file. 

Thanks

AsyncUpload
Marin Bratanov
Telerik team
 answered on 06 Jun 2018
8 answers
177 views
Multiple Grid Groupings and Aggregates not working since upgrade (2012.1.411.40)
Since upgrading to 2012.1.411.40 I have problem with grids that have multiple group by expressions that have a Header String which aggregates sub totals.

When the grid displays the First Header Grouping of every group level in the Grid does not display correctly. Instead of building up a dynamic string header it instead displays a non dynamic header such as 'Total Charged: {0:c2}'. Subsequent sub-grouping though work.

Here is an example of the type of Group By Expressions used;

<GroupByExpressions>
                        <telerik:GridGroupByExpression>
                            <SelectFields>
                                <telerik:GridGroupByField HeaderValueSeparator=": " FieldAlias="Client" FieldName="ClientName" />
                                <telerik:GridGroupByField HeaderValueSeparator=": " HeaderText="Hrs Spent" FieldAlias="HrsSpent"
                                    FieldName="TimeSpent" FormatString="{0:N1}" Aggregate="Sum" />
                                <telerik:GridGroupByField HeaderValueSeparator=": " HeaderText="Total Charged" FieldAlias="TotalCharged"
                                    FieldName="WorksheetAmount" FormatString="{0:c2}" Aggregate="Sum" />
                                <telerik:GridGroupByField HeaderValueSeparator=" " HeaderText=" " FieldAlias="ClientID"
                                    FieldName="ClientID" FormatString=" " />
                            </SelectFields>
                            <GroupByFields>
                                <telerik:GridGroupByField FieldName="ClientName" SortOrder="Ascending" />
                            </GroupByFields>
                        </telerik:GridGroupByExpression>
                        <telerik:GridGroupByExpression>
                            <SelectFields>
                                <telerik:GridGroupByField HeaderValueSeparator=": " FieldAlias="Project" FieldName="ProjectTitle" />
                                <telerik:GridGroupByField HeaderValueSeparator=": " HeaderText="Hrs Spent" FieldAlias="HrsSpent"
                                    FieldName="TimeSpent" FormatString="{0:N1}" Aggregate="Sum" />
                                <telerik:GridGroupByField HeaderValueSeparator=": " HeaderText="Total Charged" FieldAlias="TotalCharged"
                                    FieldName="WorksheetAmount" FormatString="{0:c2}" Aggregate="Sum" />
                                <telerik:GridGroupByField HeaderValueSeparator=" " HeaderText=" " FieldAlias="ProjectID"
                                    FieldName="ProjectID" FormatString=" " />
                            </SelectFields>
                            <GroupByFields>
                                <telerik:GridGroupByField FieldName="ProjectTitle" SortOrder="Ascending" />
                            </GroupByFields>
                        </telerik:GridGroupByExpression>
                        <telerik:GridGroupByExpression>
                            <SelectFields>
                                <telerik:GridGroupByField HeaderValueSeparator=": " FieldAlias="Office" FieldName="OfficeName" />
                                <telerik:GridGroupByField HeaderValueSeparator=": " HeaderText="Hrs Spent" FieldAlias="HrsSpent"
                                    FieldName="TimeSpent" FormatString="{0:N1}" Aggregate="Sum" />
                                <telerik:GridGroupByField HeaderValueSeparator=": " HeaderText="Total Charged" FieldAlias="TotalCharged"
                                    FieldName="WorksheetAmount" FormatString="{0:c2}" Aggregate="Sum" />
                                <telerik:GridGroupByField HeaderValueSeparator=" " HeaderText=" " FieldAlias="OfficeID"
                                    FieldName="OfficeID" FormatString=" " />
                            </SelectFields>
                            <GroupByFields>
                                <telerik:GridGroupByField FieldName="OfficeName" SortOrder="Ascending" />
                            </GroupByFields>
                        </telerik:GridGroupByExpression>
                        <telerik:GridGroupByExpression>
                            <SelectFields>
                                <telerik:GridGroupByField HeaderValueSeparator=": " FieldAlias="Job" FieldName="JobTitle" />
                                <telerik:GridGroupByField HeaderValueSeparator=": " HeaderText="Hrs Spent" FieldAlias="HrsSpent"
                                    FieldName="TimeSpent" FormatString="{0:N1}" Aggregate="Sum" />
                                <telerik:GridGroupByField HeaderValueSeparator=": " HeaderText="Total Charged" FieldAlias="TotalCharged"
                                    FieldName="WorksheetAmount" FormatString="{0:c2}" Aggregate="Sum" />
                                <telerik:GridGroupByField HeaderValueSeparator=" " HeaderText=" " FieldAlias="ProjectID"
                                    FieldName="ProjectID" FormatString=" " />
                                <telerik:GridGroupByField HeaderValueSeparator=" " HeaderText=" " FieldAlias="JobID"
                                    FieldName="JobID" FormatString=" " />
                            </SelectFields>
                            <GroupByFields>
                                <telerik:GridGroupByField FieldName="JobTitle" SortOrder="Ascending" />
                            </GroupByFields>
                        </telerik:GridGroupByExpression>
                    </GroupByExpressions>

See screenshot of issue attached.

This exact same code worked perfectly in 2011 Q3 Dll's.
Has anything changed between versions?

Cheers,

Damien.




Grid
Vessy
Telerik team
 answered on 06 Jun 2018
6 answers
638 views
Export to PDF is not working when Grid had Template Columns
When a grid view has template columns with images and hyperlinks. The PDF export does not render these columns.
Is there a fix or work around for this bug ?


Grid
fsr
Top achievements
Rank 1
 answered on 06 Jun 2018
1 answer
78 views
nested contenttemplates in raddock

I have been given a web app that I just installed the latest version of telerik and I get errors I don't know how to correct:

I made comments below where it has the error (look for <--).  Also I attached the error I get on the control too.

Any help is greatly appreciated.

Here is the html:

<telerik:RadAjaxPanel ID="rapMain" runat="server" HorizontalAlign="NotSet" LoadingPanelID="rlpLoading" >
<div style="text-align:Center">
<telerik:RadDockLayout ID="rdlMain" runat="server">
<table style="text-align:Left">
<tr valign="top">
<td>
<telerik:RadDockZone ID="rdz1" runat="server" Orientation="Vertical" Width="300px" MinHeight="300px">
<telerik:RadDock ID="rdkModelInfo" runat="server" Title="Model Info" EnableAnimation="True" EnableRoundedCorners="True"
Resizable="True" AllowedZones="rdz1" CssClass="RadDockPadded" >
<Commands>
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockPadded" >
<tr>
<td>Model:</td><td><asp:Label runat="server" ID="lblModel" CssClass="Label" /></td>
</tr>
<tr>
<td>Year:</td><td><asp:Label runat="server" ID="lblYear" CssClass="Label" /></td>
</tr>
<tr>
<td>Design:</td><td><asp:Label runat="server" ID="lblDesign" CssClass="Label" /></td>
</tr>
<tr>
<td>Prod Type:</td><td><asp:Label runat="server" ID="lblProdType" CssClass="Label" /></td>
</tr>
<tr>
<td>PCB Type:</td><td><asp:Label runat="server" ID="lblPCBType" CssClass="Label" /></td>
</tr>
<tr>
<td>Hardware Type:</td><td><asp:Label runat="server" ID="lblGroupName" CssClass="Label" /></td>
</tr>
<tr>
<td>Family Type:</td><td><asp:Label runat="server" ID="lblFamilyType" CssClass="Label" /></td>
</tr>
<tr>
<td>Model Code:</td><td><asp:Label runat="server" ID="lblModelCode" CssClass="Label" /></td>
</tr>
<tr>
<td>Vehicle:</td><td><asp:Label runat="server" ID="lblVehicle" CssClass="Label" /></td>
</tr>
<tr>
<td>PB Free:</td><td><asp:Image ID="imgPBFree" runat="server" ImageUrl="~/Images/Active.png" /></td>
</tr>
<tr>
<td>Active:</td><td><asp:Image ID="imgActive" runat="server" ImageUrl="~/Images/Delete.png" /></td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="rdkCompBom" runat="server" Width="300px" Title="Completions BOM" EnableAnimation="true" EnableRoundedCorners="true"
Resizable="true" AllowedZones="rdz1" CssClass="RadDockPadded" >
<Commands>
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockPadded">
<tr>
<td>ASMT:</td><td><asp:Label runat="server" ID="lblASMTBOM" CssClass="Label" /></td>
</tr>
<tr>
<td>RH:</td><td><asp:Label runat="server" ID="lblRHBOM" CssClass="Label" /></td>
</tr>
<tr>
<td>BSMT:</td><td><asp:Label runat="server" ID="lblBSMTBOM" CssClass="Label" /></td>
</tr>
<tr>
<td>Connector:</td><td><asp:Label runat="server" ID="lblConnBOM" CssClass="Label" /></td>
</tr>
<tr>
<td>Frame:</td><td><asp:Label runat="server" ID="lblFrameBOM" CssClass="Label" /></td>
</tr>
<tr>
<td>Final:</td><td><asp:Label runat="server" ID="lblFinalBOM" CssClass="Label" /></td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="rdkLabelType" runat="server" Width="300px" Title="Label Types" EnableAnimation="true" EnableRoundedCorners="true"
Resizable="true" AllowedZones="rdz1" CssClass="RadDockPadded" >
<Commands>
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockPadded">
<tr>
<td>Connector:</td><td><asp:Label runat="server" ID="lblConnLType" CssClass="Label" /></td>
</tr>
<tr>
<td>Frame:</td><td><asp:Label runat="server" ID="lblFrameLType" CssClass="Label" /></td>
</tr>
<tr>
<td>Destination:</td><td><asp:Label runat="server" ID="lblDestLType" CssClass="Label" /></td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</td>
<td>
<telerik:RadDockZone ID="rdz2" runat="server" Orientation="Vertical" Width="550px" MinHeight="300px">
<telerik:RadDock ID="rdkGeneral" runat="server" Width="500px"
Title="General Information" EnableAnimation="true" Resizable="true"
AllowedZones="rdz2">
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockNonPadded">
<tr>
<td>KCST Part Number:</td><td><asp:Label runat="server" ID="lblKCSTPartNum" CssClass="Label" /></td>
</tr>
<tr>
<td>Manufacturing Country:</td><td><asp:Label runat="server" ID="lblMFGCountry" CssClass="Label" /></td>
</tr>
<tr>
<td>Last Serial Number:</td><td><asp:Label runat="server" ID="lblLastSerial" CssClass="Label" /></td>
</tr>
<tr>
<td>Pass Thru Part:</td><td><asp:Label runat="server" ID="lblPassThruPart" CssClass="Label" /></td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="rdkCodes" runat="server" Width="500px"
Title="Codes" EnableAnimation="true" Resizable="true"
AllowedZones="rdz2">
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockNonPadded">
<tr>
<td>Prod Design Level:</td><td style="width:100px"><asp:Label runat="server" ID="lblProdDesignLevel" CssClass="Label" /></td>
<td>Judgement:</td><td><asp:Label runat="server" ID="lblJudgement" CssClass="Label" /></td>
</tr>
<tr>
<td>Prod Design Change:</td><td><asp:Label runat="server" ID="lblProdDesignChange" CssClass="Label" /></td>
<td>Europe:</td><td><asp:Label runat="server" ID="lblEurope" CssClass="Label" /></td>
</tr>
<tr>
<td>Ship Design Level:</td><td><asp:Label runat="server" ID="lblShipDesignLevel" CssClass="Label" /></td>
<td>Engine:</td><td><asp:Label runat="server" ID="lblEngine" CssClass="Label" /></td>
</tr>
<tr>
<td>Ship Design Change:</td><td><asp:Label runat="server" ID="lblShipDesignChange" CssClass="Label" /></td>
<td># of Boards:</td><td><asp:Label runat="server" ID="lblNumOfBoards" CssClass="Label" /></td>
</tr>
<tr>
<td>Destination:</td><td><asp:Label runat="server" ID="lblDestination" CssClass="Label" /></td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="rdkLineSetup" runat="server" Width="500px"
Title="Process Options" EnableAnimation="true" Resizable="true" AllowedZones="rdz2" Collapsed="true">
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockNonPadded">
<tr>
<td>Switch To Service:</td><td style="width:100px"><asp:Image ID="imgSwitchService" runat="server" ImageUrl="~/Images/Active.png" /></td>
<td>IFP Check:</td><td><asp:Image ID="imgIFPCheck" runat="server" ImageUrl="~/Images/Active.png" /></td>
</tr>
<tr>
<td>SRS:</td><td style="width:100px"><asp:Image ID="imgSRS" runat="server" ImageUrl="~/Images/Delete.png" /></td>
<td>BSMT Check:</td><td><asp:Image ID="imgBSMTCheck" runat="server" ImageUrl="~/Images/Active.png" /></td>
</tr>
<tr>
<td>Destination Label:</td><td style="width:100px"><asp:Image ID="imgDestLabel" runat="server" ImageUrl="~/Images/Delete.png" /></td>
<td>RH Check:</td><td><asp:Image ID="imgRHCheck" runat="server" ImageUrl="~/Images/Active.png" /></td>
</tr>
<tr>
<td>Outside Processor:</td><td style="width:100px"><asp:Image ID="imgOutside" runat="server" ImageUrl="~/Images/Delete.png" /></td>
<td>Swave Check:</td><td><asp:Image ID="imgSwaveCheck" runat="server" ImageUrl="~/Images/Active.png" /></td>
</tr>
<tr>
<td>Axial Check:</td><td style="width:100px"><asp:Image ID="imgAxialCheck" runat="server" ImageUrl="~/Images/Delete.png" /></td>
<td>Stress/Aging:</td><td><asp:Image ID="imgStressAging" runat="server" ImageUrl="~/Images/Active.png" /></td>
</tr>
<tr>
<td>B-Side First:</td><td style="width:100px"><asp:Image ID="imgBSideFirst" runat="server" ImageUrl="~/Images/Delete.png" /></td>
<td>XRay Check:</td><td><asp:Image ID="imgXRayCheck" runat="server" ImageUrl="~/Images/Active.png" /></td>
</tr>
<tr>
<td>Number of Covers:</td><td style="width:100px"><asp:Label runat="server" ID="lblNumOfCovers" CssClass="Label" /></td>
<td>&nbsp;</td><td>&nbsp;</td></tr></table>
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="rdkCPUA" runat="server" Width="500px" Title="CPU Information (A-Side)" EnableAnimation="true" Resizable="true" AllowedZones="rdz2" Collapsed="true">
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockNonPadded">
<tr>
<td>&nbsp;</td><td style="width:125px;">ID Number</td><td style="width:125px;">Part Number</td><td style="width:125px;">Silk Location</td></tr><tr>
<td>CPU 1</td><td><asp:Label runat="server" ID="lblCPUID1A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart1A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk1A" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 2</td><td><asp:Label runat="server" ID="lblCPUID2A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart2A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk2A" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 3</td><td><asp:Label runat="server" ID="lblCPUID3A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart3A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk3A" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 4</td><td><asp:Label runat="server" ID="lblCPUID4A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart4A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk4A" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 5</td><td><asp:Label runat="server" ID="lblCPUID5A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart5A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk5A" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 6</td><td><asp:Label runat="server" ID="lblCPUID6A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart6A" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk6A" CssClass="Label" /></td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="rdkCPUB" runat="server" Width="500px"
Title="CPU Information (B-Side)" EnableAnimation="true" Resizable="true"
AllowedZones="rdz2" Collapsed="true">
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockNonPadded">
<tr>
<td>&nbsp;</td><td style="width:125px;">ID Number</td><td style="width:125px;">Part Number</td><td style="width:125px;">Silk Location</td></tr><tr>
<td>CPU 1</td><td><asp:Label runat="server" ID="lblCPUID1B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart1B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk1B" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 2</td><td><asp:Label runat="server" ID="lblCPUID2B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart2B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk2B" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 3</td><td><asp:Label runat="server" ID="lblCPUID3B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart3B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk3B" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 4</td><td><asp:Label runat="server" ID="lblCPUID4B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart4B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk4B" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 5</td><td><asp:Label runat="server" ID="lblCPUID5B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart5B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk5B" CssClass="Label" /></td>
</tr>
<tr>
<td>CPU 6</td><td><asp:Label runat="server" ID="lblCPUID6B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUPart6B" CssClass="Label" /></td>
<td><asp:Label runat="server" ID="lblCPUSilk6B" CssClass="Label" /></td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="rdkProdPlan" runat="server" Width="500px" Title="Production Planning" EnableAnimation="true" Resizable="true"
AllowedZones="rdz2" Collapsed="true">
<Commands>
<telerik:DockExpandCollapseCommand />  <- no issue with this
<telerik:DockPinUnpinCommand />   <- or this
</Commands>
<ContentTemplate> <-- all content and commands below here have errors                                                                                                                               
<commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockPinUnpinCommand />
</Commands>
<ContentTemplate>
<table class="RadDockNonPadded">
<tr>
<td style="width: 397px">
<telerik:RadTabStrip ID="rtsContainerInfo" runat="server" MultiPageID="rmpContainerInfo" Width="400px">
<tabs>
<telerik:RadTab Selected="true" Text="Honda of America">
</telerik:RadTab>
<telerik:RadTab Text="Honda Canada">
</telerik:RadTab>
<telerik:RadTab Text="American Honda">
</telerik:RadTab>
</tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="rmpContainerInfo" runat="server" CssClass="pageView" SelectedIndex="0" Width="378px">
<telerik:RadPageView ID="rpvSpecControl" runat="server">
<table>
<tr>
<td>HAM Part Number:</td>
<td>
<asp:Label ID="lblHamPN" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Part Number Ext:</td>
<td>
<asp:Label ID="lblHamExt" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Delta Level:</td>
<td>
<asp:Label ID="lblHamDelta" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>EDI C.O.O:</td>
<td>
<asp:Label ID="lblHamEDI" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Label C.O.O:</td>
<td>
<asp:Label ID="lblHamLabel" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>HAM Supplier Code:</td>
<td>
<asp:Label ID="lblHamSupplier" runat="server" CssClass="Label" />
</td>
</tr>
</table>
</telerik:RadPageView>
<telerik:RadPageView ID="rpvProdPlanning" runat="server">
<table>
<tr>
<td>HCM Part Number:</td>
<td>
<asp:Label ID="lblHcmPN" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Part Number Ext:</td>
<td>
<asp:Label ID="lblHcmExt" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Delta Level:</td>
<td>
<asp:Label ID="lblHcmDelta" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>EDI C.O.O:</td>
<td>
<asp:Label ID="lblHcmEDI" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Label C.O.O:</td>
<td>
<asp:Label ID="lblHcmLabel" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>HCM Supplier Code:</td>
<td>
<asp:Label ID="lblHcmSupplier" runat="server" CssClass="Label" />
</td>
</tr>
</table>
</telerik:RadPageView>
<telerik:RadPageView ID="rpvCurrentProd" runat="server">
<table>
<tr>
<td>AHM Part Number:</td>
<td>
<asp:Label ID="lblAhmPN" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Part Number Ext:</td>
<td>
<asp:Label ID="lblAhmExt" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Delta Level:</td>
<td>
<asp:Label ID="lblAhmDelta" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>EDI C.O.O:</td>
<td>
<asp:Label ID="lblAhmEDI" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Label C.O.O:</td>
<td>
<asp:Label ID="lblahmLabel" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>AHM Supplier Code:</td>
<td>
<asp:Label ID="lblAhmSupplier" runat="server" CssClass="Label" />
</td>
</tr>
</table>
</telerik:RadPageView>
</telerik:RadMultiPage>
</td>
<td>
<table>
<tr>
<td>Shipping Label:</td>
<td>
<asp:Label ID="lblShipLabel" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Box Quantity:</td>
<td>
<asp:Label ID="lblBoxQuantity" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>MSD:</td>
<td>
<asp:Label ID="lblMSD" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td>Manual Line:</td>
<td>
<asp:Label ID="lblManualLine" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td colspan="2">Part Description:</td>
</tr>
<tr>
<td colspan="2">
<asp:Label ID="lblDesc" runat="server" CssClass="Label" />
</td>
</tr>
<tr>
<td colspan="2">
<asp:Label ID="lblDesc2" runat="server" CssClass="Label" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</td>
</tr>
</table>
</telerik:RadDockLayout>
<asp:Label runat="server" ID="lblMsg" ForeColor="Red" />
</div>
</telerik:RadAjaxPanel>

Dock
Mark
Top achievements
Rank 1
 answered on 06 Jun 2018
0 answers
190 views
Telerik radgrid responsive

Hello,

I am using telerik radgrid for listing data and i have customized column with filter, added width to every column.

When i am open site in mobile or ipad, grid is stretch.

I have attached stretch grid image.

Please do needful.

 

Grid
Mukesh
Top achievements
Rank 1
 asked on 06 Jun 2018
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
AjaxPanel
CheckBox
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
MaskedTextBox
RadioButtonList
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
MonthYearPicker
Licensing
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
TreeMap
Security
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
OTPInput
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Learn how
425 426
427
428 429
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how