or
5 answers
148 views
By default the offset is set relative to its parent item, but is there a way to have it relative to the menu object itself?
What I´m trying to achieve is have items contentTemplates use 100% width of the menu, setting offsets solves the issue until the width of the parent items is changes (i.e. changes language)
Example below, the third item 'Products' has an offset set to it, but I need it to either dynamically change depending on its parent item position or have it relative to the menu object itself, as is the position gets misplaces when the user changes language (and the items width changes).
Christian
What I´m trying to achieve is have items contentTemplates use 100% width of the menu, setting offsets solves the issue until the width of the parent items is changes (i.e. changes language)
Example below, the third item 'Products' has an offset set to it, but I need it to either dynamically change depending on its parent item position or have it relative to the menu object itself, as is the position gets misplaces when the user changes language (and the items width changes).
Christian
<telerik:RadMenuItem runat="server" Text="Home" Value="home" NavigateUrl="Default.aspx"> </telerik:RadMenuItem> <telerik:RadMenuItem runat="server" Text="Company" Value="about" NavigateUrl="about.aspx"> </telerik:RadMenuItem> <telerik:RadMenuItem runat="server" Text="Products" Value="products" PostBack="false" GroupSettings-OffsetX="-216"> <ContentTemplate> <div class="menuProductContent"> <table width="100%"> <tr> <td style="vertical-align:top;"> <h1><asp:Label runat="server" ID="labProductgroupsHeader" Text="Product groups"></asp:Label></h1> <telerik:RadSiteMap runat="server" ID="productIndex" EnableEmbeddedSkins="false" Skin="mrplant" DefaultLevelSettings-ListLayout-RepeatColumns="2" OnNodeDataBound="productIndex_NodeDataBound"> <Nodes> <telerik:RadSiteMapNode Text="Singlestems & sprays" NavigateUrl="products.aspx?productgroup=1"></telerik:RadSiteMapNode> <telerik:RadSiteMapNode Text="flowers" NavigateUrl="products.aspx?productgroup=2"></telerik:RadSiteMapNode> <telerik:RadSiteMapNode Text="Succulents & round shaped items" NavigateUrl="products.aspx?productgroup=3"></telerik:RadSiteMapNode> <telerik:RadSiteMapNode Text="Potted and hanging bushes" NavigateUrl="products.aspx?productgroup=4"></telerik:RadSiteMapNode> <telerik:RadSiteMapNode Text="Garlands" NavigateUrl="products.aspx?productgroup=5"></telerik:RadSiteMapNode> <telerik:RadSiteMapNode Text="Trees" NavigateUrl="products.aspx?productgroup=6"></telerik:RadSiteMapNode> <telerik:RadSiteMapNode Text="Candlerings & wreaths" NavigateUrl="products.aspx?productgroup=7"></telerik:RadSiteMapNode> </Nodes> </telerik:RadSiteMap> </td> <td style="text-align:right; vertical-align:top;"> <asp:Panel runat="server" ID="panSearch" DefaultButton="btnSearch"> <h1><asp:Label runat="server" ID="labSearchHeader" Text="Search"></asp:Label></h1> <telerik:RadTextBox runat="server" ID="txtSearch" EmptyMessage="Partno. / Description" EnableEmbeddedSkins="false" Skin="mrplant"></telerik:RadTextBox> <telerik:RadButton runat="server" ID="btnSearch" Text="Search" EnableEmbeddedSkins="false" Skin="mrplant" OnClick="btnSearch_Click"></telerik:RadButton> </asp:Panel> <br /> <asp:Panel runat="server" ID="panPage" DefaultButton="btnPage"> <%--<h1><asp:Label runat="server" ID="labPageHeader" Text="Page"></asp:Label></h1>--%> <telerik:RadNumericTextBox runat="server" ID="txtPage" NumberFormat-DecimalDigits="0" EmptyMessage="Catalogue page no." EnableEmbeddedSkins="false" Skin="mrplant"></telerik:RadNumericTextBox> <telerik:RadButton runat="server" ID="btnPage" Text="Go to" EnableEmbeddedSkins="false" Skin="mrplant" OnClick="btnPage_Click"></telerik:RadButton> </asp:Panel> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadMenuItem>
Magdalena
Telerik team
answered
on
01 Jul 2014
1 answer
44 views
Hi, there's is something weird behavior when dragging an appointment in month view, when I drag the appointment the end time is changed automatically to 12 AM, I thought it was something in my code but when I try the same using this demo http://demos.telerik.com/aspnet-ajax/scheduler/examples/creatingappointmentswithdraganddrop/defaultcs.aspx the same happens, I was wondering what can I do to fix this.
thank you.
thank you.
Nencho
Telerik team
answered
on
01 Jul 2014
1 answer
257 views
Hi,
I am trying to activate the InsertItemTemplate using button cmdAdd but I can't have it activated. What am I doing wrong?
Thanks in advance,
David
The Webform:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="rsm"></telerik:RadScriptManager>
<div>
<telerik:RadListView ID="RadListView1" runat="server" ItemPlaceholderID="panel1">
<LayoutTemplate>
<fieldset>
<table>
<tr>
<td>
<asp:Label ID="lblHeader01" runat="server" Text="header01" Width="160"></asp:Label></td>
<td>
<asp:Label ID="lblHeader02" runat="server" Text="header02" Width="160"></asp:Label></td>
</tr>
</table>
<panel id="panel1" runat="server"></panel>
<asp:Button ID="cmdAdd" runat="server" Text="Add" OnClick="cmdAdd_Click"></asp:Button>
</fieldset>
</LayoutTemplate>
<ItemTemplate>
<fieldset>
<table>
<tr>
<td>
<telerik:RadTextBox ID="txtItem01" runat="server" Text='<%# Eval("field01") %>'></telerik:RadTextBox>
<td>
<telerik:RadTextBox ID="txtItem02" runat="server" Text='<%# Eval("field02") %>'></telerik:RadTextBox>
</td>
</tr>
</table>
</fieldset>
</ItemTemplate>
<EditItemTemplate>
<fieldset>
<table>
<tr>
<td>
<telerik:RadTextBox ID="Edit01" runat="server" Text='<%# Bind("field01")%>'></telerik:RadTextBox></td>
<td>
<telerik:RadTextBox ID="Edit02" runat="server" Text='<%# Bind("field02")%>'></telerik:RadTextBox></td>
</tr>
</table>
</fieldset>
</EditItemTemplate>
<InsertItemTemplate>
<table>
<tr>
<td>
<telerik:RadTextBox ID="Insert01" runat="server" Resize="None" Text='<%# Eval("field01")%>'></telerik:RadTextBox></td>
<td>
<telerik:RadTextBox ID="Insert02" runat="server" Resize="None" Text='<%# Eval("field02")%>'></telerik:RadTextBox></td>
</tr>
</table>
</InsertItemTemplate>
</telerik:RadListView>
<br />
</div>
</form>
</body>
</html>
The Code Behind:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace xxx
{
public partial class Test4 : System.Web.UI.Page
{
public class myExpedClass
{
public string field01 { get; set; }
public string field02 { get; set; }
}
myExpedClass myExpedObject;
List<myExpedClass> myList;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
// Instantiate
myList = new List<myExpedClass>();
// Record 01
myExpedObject = new myExpedClass();
myExpedObject.field01 = "R1C1";
myExpedObject.field02 = "R1C2";
myList.Add(myExpedObject);
// Record 02
myExpedObject = new myExpedClass();
myExpedObject.field01 = "R2C1";
myExpedObject.field02 = "R2C2";
myList.Add(myExpedObject);
// Link the list to the RadListView
RadListView1.DataSource = myList;
RadListView1.DataBind();
}
}
protected void cmdAdd_Click(object sender, EventArgs e)
{
// Show InsertItemTemplate
RadListView1.ShowInsertItem();
}
}
}
I am trying to activate the InsertItemTemplate using button cmdAdd but I can't have it activated. What am I doing wrong?
Thanks in advance,
David
The Webform:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="rsm"></telerik:RadScriptManager>
<div>
<telerik:RadListView ID="RadListView1" runat="server" ItemPlaceholderID="panel1">
<LayoutTemplate>
<fieldset>
<table>
<tr>
<td>
<asp:Label ID="lblHeader01" runat="server" Text="header01" Width="160"></asp:Label></td>
<td>
<asp:Label ID="lblHeader02" runat="server" Text="header02" Width="160"></asp:Label></td>
</tr>
</table>
<panel id="panel1" runat="server"></panel>
<asp:Button ID="cmdAdd" runat="server" Text="Add" OnClick="cmdAdd_Click"></asp:Button>
</fieldset>
</LayoutTemplate>
<ItemTemplate>
<fieldset>
<table>
<tr>
<td>
<telerik:RadTextBox ID="txtItem01" runat="server" Text='<%# Eval("field01") %>'></telerik:RadTextBox>
<td>
<telerik:RadTextBox ID="txtItem02" runat="server" Text='<%# Eval("field02") %>'></telerik:RadTextBox>
</td>
</tr>
</table>
</fieldset>
</ItemTemplate>
<EditItemTemplate>
<fieldset>
<table>
<tr>
<td>
<telerik:RadTextBox ID="Edit01" runat="server" Text='<%# Bind("field01")%>'></telerik:RadTextBox></td>
<td>
<telerik:RadTextBox ID="Edit02" runat="server" Text='<%# Bind("field02")%>'></telerik:RadTextBox></td>
</tr>
</table>
</fieldset>
</EditItemTemplate>
<InsertItemTemplate>
<table>
<tr>
<td>
<telerik:RadTextBox ID="Insert01" runat="server" Resize="None" Text='<%# Eval("field01")%>'></telerik:RadTextBox></td>
<td>
<telerik:RadTextBox ID="Insert02" runat="server" Resize="None" Text='<%# Eval("field02")%>'></telerik:RadTextBox></td>
</tr>
</table>
</InsertItemTemplate>
</telerik:RadListView>
<br />
</div>
</form>
</body>
</html>
The Code Behind:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace xxx
{
public partial class Test4 : System.Web.UI.Page
{
public class myExpedClass
{
public string field01 { get; set; }
public string field02 { get; set; }
}
myExpedClass myExpedObject;
List<myExpedClass> myList;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
// Instantiate
myList = new List<myExpedClass>();
// Record 01
myExpedObject = new myExpedClass();
myExpedObject.field01 = "R1C1";
myExpedObject.field02 = "R1C2";
myList.Add(myExpedObject);
// Record 02
myExpedObject = new myExpedClass();
myExpedObject.field01 = "R2C1";
myExpedObject.field02 = "R2C2";
myList.Add(myExpedObject);
// Link the list to the RadListView
RadListView1.DataSource = myList;
RadListView1.DataBind();
}
}
protected void cmdAdd_Click(object sender, EventArgs e)
{
// Show InsertItemTemplate
RadListView1.ShowInsertItem();
}
}
}
Eyup
Telerik team
answered
on
01 Jul 2014
1 answer
130 views
Hi,
i have a problem with my radgrid ; i use horizontal scrolling and FrozenColumnsCount is set to 4.
In one of the columns, i have a radbutton in a template column.
<telerik:RadGrid ID="rgPreparation" runat="server" AllowSorting="true" AllowFilteringByColumn="true" AutoGenerateColumns="false" AllowCustomPaging="false" Height="700px" Culture="fr-FR" AllowPaging="true" PageSize="15" ShowFooter="true" ShowStatusBar="True"
onitemcreated="rgPreparation_ItemCreated"
onitemdatabound="rgPreparation_ItemDataBound"
onneeddatasource="rgPreparation_NeedDataSource"
onexcelexportcellformatting="rgPreparation_ExcelExportCellFormatting"
onitemcommand="rgPreparation_ItemCommand">
<ClientSettings EnableRowHoverStyle="true" AllowKeyboardNavigation="true">
<ClientEvents OnKeyPress="OnKeyPress" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="4" />
</ClientSettings>
<GroupingSettings CaseSensitive="false" />
<MasterTableView DataKeyNames="Id" HeaderStyle-Font-Underline="false" AlternatingItemStyle-HorizontalAlign="Left" AlternatingItemStyle-Font-Size="7pt" HeaderStyle-Font-Bold="true" ItemStyle-Font-Size="7pt" HeaderStyle-Font-Size="7pt" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" FilterItemStyle-HorizontalAlign="Left" NoMasterRecordsText="Cliquer sur ''Actualiser'' pour afficher la préparation de commande..." ShowHeadersWhenNoRecords="true">
<Columns>
<telerik:GridBoundColumn DataField="TypeProduit" HeaderText="Type" SortExpression="TypeProduit" UniqueName="coloneType" ItemStyle-Font-Size="7pt" FooterStyle-Font-Size="7pt" AllowFiltering="false" />
<telerik:GridBoundColumn UniqueName="colonneFamille" DataField="Famille.IdNom" HeaderText="Famille" SortExpression="Famille.IdNom" ItemStyle-Font-Size="7pt" FooterStyle-Font-Size="7pt" AllowFiltering="false" FilterControlWidth="10px" FooterText="Nb de produits :" />
<telerik:GridBoundColumn UniqueName="colonneIdProduit" DataField="Id" HeaderText="Code Produit" SortExpression="Id" Aggregate="Count" FooterAggregateFormatString=" {0} " AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" ShowFilterIcon="false" FilterControlWidth="50px" />
<telerik:GridBoundColumn UniqueName="colonneNomProduit" DataField="Nom" HeaderText="Produit" SortExpression="Nom" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" ShowFilterIcon="false" />
<telerik:GridBoundColumn UniqueName="Conditionnement" DataField="Conditionnement" HeaderText="Conditionnement de dispensation" SortExpression="Conditionnement" AllowFiltering="false" />
<telerik:GridTemplateColumn HeaderText="Stock Tampon (Calcul automatique ?)" HeaderTooltip="'Oui' : Calcul automatique de la quantité tampon ; 'Non' : Renseignez manuellement la quantité tampon" UniqueName="quantiteTampon" ItemStyle-BackColor="LightGray" AllowFiltering="false" ItemStyle-Width="150px">
<ItemTemplate>
<div style="float:left">
<telerik:RadNumericTextBox ID="rtbQuantiteTampon" runat="server" Width="50px" Skin="Vista">
<NumberFormat AllowRounding="false" DecimalDigits="0" />
</telerik:RadNumericTextBox>
</div>
<div style="float:left">
<telerik:EchoRadButton ID="rbAppliquerFormuleTampon" runat="server" ToggleType="CheckBox" ButtonType="StandardButton" Skin="Metro" Width="30px" AutoPostBack="false" OnClientClicked="check" LienHtml="true" style="position:relative"></telerik:EchoRadButton>
</div>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridButtonColumn UniqueName="actionSupprimerProduit" CommandName="Delete" ButtonType="ImageButton" HeaderText="Supprimer le produit de la commande" ConfirmText="Êtes-vous sûr de vouloir supprimer ce produit de la commande ?" HeaderStyle-Font-Underline="false" HeaderStyle-Font-Bold="false" ShowFilterIcon="false" Visible="false" />
</Columns>
</MasterTableView>
</telerik:RadGrid>
When i scroll the bar from left to right, the radbutton is still visible even if the column is hidden (take a look at the printscreens in attach files).
I put this style in my page but it still not work :
<style type="text/css">
.RadGrid .rgDataDiv
{
position: relative;
}
</style>
Is there a solution for this problem ? thanks in advance,
Freddy
i have a problem with my radgrid ; i use horizontal scrolling and FrozenColumnsCount is set to 4.
In one of the columns, i have a radbutton in a template column.
<telerik:RadGrid ID="rgPreparation" runat="server" AllowSorting="true" AllowFilteringByColumn="true" AutoGenerateColumns="false" AllowCustomPaging="false" Height="700px" Culture="fr-FR" AllowPaging="true" PageSize="15" ShowFooter="true" ShowStatusBar="True"
onitemcreated="rgPreparation_ItemCreated"
onitemdatabound="rgPreparation_ItemDataBound"
onneeddatasource="rgPreparation_NeedDataSource"
onexcelexportcellformatting="rgPreparation_ExcelExportCellFormatting"
onitemcommand="rgPreparation_ItemCommand">
<ClientSettings EnableRowHoverStyle="true" AllowKeyboardNavigation="true">
<ClientEvents OnKeyPress="OnKeyPress" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="4" />
</ClientSettings>
<GroupingSettings CaseSensitive="false" />
<MasterTableView DataKeyNames="Id" HeaderStyle-Font-Underline="false" AlternatingItemStyle-HorizontalAlign="Left" AlternatingItemStyle-Font-Size="7pt" HeaderStyle-Font-Bold="true" ItemStyle-Font-Size="7pt" HeaderStyle-Font-Size="7pt" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" FilterItemStyle-HorizontalAlign="Left" NoMasterRecordsText="Cliquer sur ''Actualiser'' pour afficher la préparation de commande..." ShowHeadersWhenNoRecords="true">
<Columns>
<telerik:GridBoundColumn DataField="TypeProduit" HeaderText="Type" SortExpression="TypeProduit" UniqueName="coloneType" ItemStyle-Font-Size="7pt" FooterStyle-Font-Size="7pt" AllowFiltering="false" />
<telerik:GridBoundColumn UniqueName="colonneFamille" DataField="Famille.IdNom" HeaderText="Famille" SortExpression="Famille.IdNom" ItemStyle-Font-Size="7pt" FooterStyle-Font-Size="7pt" AllowFiltering="false" FilterControlWidth="10px" FooterText="Nb de produits :" />
<telerik:GridBoundColumn UniqueName="colonneIdProduit" DataField="Id" HeaderText="Code Produit" SortExpression="Id" Aggregate="Count" FooterAggregateFormatString=" {0} " AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" ShowFilterIcon="false" FilterControlWidth="50px" />
<telerik:GridBoundColumn UniqueName="colonneNomProduit" DataField="Nom" HeaderText="Produit" SortExpression="Nom" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" ShowFilterIcon="false" />
<telerik:GridBoundColumn UniqueName="Conditionnement" DataField="Conditionnement" HeaderText="Conditionnement de dispensation" SortExpression="Conditionnement" AllowFiltering="false" />
<telerik:GridTemplateColumn HeaderText="Stock Tampon (Calcul automatique ?)" HeaderTooltip="'Oui' : Calcul automatique de la quantité tampon ; 'Non' : Renseignez manuellement la quantité tampon" UniqueName="quantiteTampon" ItemStyle-BackColor="LightGray" AllowFiltering="false" ItemStyle-Width="150px">
<ItemTemplate>
<div style="float:left">
<telerik:RadNumericTextBox ID="rtbQuantiteTampon" runat="server" Width="50px" Skin="Vista">
<NumberFormat AllowRounding="false" DecimalDigits="0" />
</telerik:RadNumericTextBox>
</div>
<div style="float:left">
<telerik:EchoRadButton ID="rbAppliquerFormuleTampon" runat="server" ToggleType="CheckBox" ButtonType="StandardButton" Skin="Metro" Width="30px" AutoPostBack="false" OnClientClicked="check" LienHtml="true" style="position:relative"></telerik:EchoRadButton>
</div>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridButtonColumn UniqueName="actionSupprimerProduit" CommandName="Delete" ButtonType="ImageButton" HeaderText="Supprimer le produit de la commande" ConfirmText="Êtes-vous sûr de vouloir supprimer ce produit de la commande ?" HeaderStyle-Font-Underline="false" HeaderStyle-Font-Bold="false" ShowFilterIcon="false" Visible="false" />
</Columns>
</MasterTableView>
</telerik:RadGrid>
When i scroll the bar from left to right, the radbutton is still visible even if the column is hidden (take a look at the printscreens in attach files).
I put this style in my page but it still not work :
<style type="text/css">
.RadGrid .rgDataDiv
{
position: relative;
}
</style>
Is there a solution for this problem ? thanks in advance,
Freddy
Galin
Telerik team
answered
on
01 Jul 2014
1 answer
68 views
I can't make the radpagelayout control has 100% width and height in big resolution (1920x1080). Do you can help me?
Ivan Zhekov
Telerik team
answered
on
01 Jul 2014
1 answer
121 views
I open a RadAlert server-side but it won't close when you click the OK button, at least in IE 9. It does in Firefox so maybe it's a browser js implemenation issue. This post(http://www.telerik.com/forums/radalert-won-t-close-with-ok-in-ie) didn't provide any help.
I'm using version 2014.1.403.45 of the Telerik.Web.UI
Any ideas?
I'm using version 2014.1.403.45 of the Telerik.Web.UI
Any ideas?
Marin Bratanov
Telerik team
answered
on
01 Jul 2014
1 answer
117 views
Hi,
I have a problem to implement jqChart in my project. Here is the code where i place jqChart:
I have to refer to jqChart div this way in JS:
but if I use only this code it finds only the first div from all expended row.
I found on forum that you can get specific row data from columns but I can't figure out a way for JS to find jqChart div inside specific row.
Thanks,
Bartłomiej
I have a problem to implement jqChart in my project. Here is the code where i place jqChart:
01.
<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="False" AllowPaging="true" AllowSorting="true" AutoGenerateColumns="False" CellSpacing="0" CssClass="grid_with_column_lines grid_with_narrow_columns" EnableEmbeddedSkins="False" GridLines="None" OnItemCommand="RadGrid1_ItemCommand" OnNeedDataSource="RadGrid1_NeedDataSource" OnPageIndexChanged="RadGrid1_PageIndexChanged" OnPageSizeChanged="RadGrid1_PageSizeChanged" OnPreRender="RadGrid1_PreRender" PageSize="30" Skin="SkinISP" Visible="False" PagerStyle-Visible="false" AlternatingItemStyle-Wrap="false" ItemStyle-Wrap="false" OnSortCommand="RadGrid1_SortCommand" > 02. <ClientSettings AllowColumnsReorder="false" Resizing-AllowColumnResize="true" Resizing-AllowResizeToFit="true" Resizing-ResizeGridOnColumnResize="true" Resizing-EnableRealTimeResize="true">03. <Scrolling UseStaticHeaders="true" AllowScroll="true" ScrollHeight="650" /> 04. </ClientSettings>05. <MasterTableView DataKeyNames="Result_id" ExpandCollapseColumn-Display="false" HierarchyLoadMode="ServerOnDemand" >06. <NestedViewTemplate>07. <asp:Panel ID="InnerPanel" runat="server" CssClass="innerPanel">08. <asp:Panel ID="PanelXml" runat="server" Visible="false">09. <telerik:RadTabStrip ID="TabStrip1" runat="server" MultiPageID="Multipage1" SelectedIndex="0" ShowBaseLine="true">10. <Tabs>11. <telerik:RadTab runat="server" meta:resourcekey="RadTabXml" PageViewID="PageView1" Text="XML">12. </telerik:RadTab>13. <telerik:RadTab runat="server" meta:resourcekey="RadTabChart" PageViewID="PageView2" Text="Chart">14. </telerik:RadTab>15. <telerik:RadTab runat="server" meta:resourcekey="RadTabChartMW" PageViewID="PageView3" Text="Chart M(W)">16. </telerik:RadTab>17. </Tabs>18. </telerik:RadTabStrip>19. <telerik:RadMultiPage ID="Multipage1" runat="server" CssClass="multiPage_with_border SelectedIndex="0">20. <telerik:RadPageView ID="PageView1" runat="server">21. <asp:Button ID="btnSaveXmlAsFile" runat="server" CommandName="DownloadXml" CssClass="multiPage_content" meta:resourcekey="btnSaveXmlAsFile" Text="Save"></asp:Button>22. <asp:Label ID="hfXmlText" runat="server" Visible="false" />23. <asp:Xml ID="Xml1" runat="server" TransformSource="~/DisplayXml.xsl"></asp:Xml>24. </telerik:RadPageView>25. <telerik:RadPageView ID="PageView2" runat="server">26. <br />27. 28. <div id="jqChartSingle" style="width: 800px; height: 300px; display: block">29. </div> 30. </telerik:RadPageView>31. <telerik:RadPageView ID="PageView3" runat="server">32. <br />33. <div id="jqChartMW" style="width:500px; height: 300px; display: block">34. </div>35. </telerik:RadPageView>36. </telerik:RadMultiPage>37. </asp:Panel>38. </asp:Panel>39. </NestedViewTemplate>40. <Columns>41. ...42. </Columns>43. </MasterTableView>44.</telerik:RadGrid>I have to refer to jqChart div this way in JS:
01.$('#jqChartSingle').jqChart({02. jqChart data like title, series etc.
35. });but if I use only this code it finds only the first div from all expended row.
I found on forum that you can get specific row data from columns but I can't figure out a way for JS to find jqChart div inside specific row.
1.var masterTable = $find("<%=RadGrid1.ClientID%>").get_masterTableView();2.masterTable.get_nestedViews()[row].??????Thanks,
Bartłomiej
Eyup
Telerik team
answered
on
01 Jul 2014
1 answer
76 views
When my client reported that the export to csv is not opening. I verified it in my application, it is working but opens in the same page. It is not downloading rather looks like the csv file is opened in the same window.
When I verified the export to csv feature in http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/exporting/export-word-csv/defaultcs.aspx in Mac machine, I found this is your issue.
Please suggest asap.
When I verified the export to csv feature in http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/exporting/export-word-csv/defaultcs.aspx in Mac machine, I found this is your issue.
Please suggest asap.
Kostadin
Telerik team
answered
on
01 Jul 2014
8 answers
589 views
My design is as follows
I would like to find radDtHiredate and radDtDOB in javascript can some one help me
<telerik:RadTabStrip ID="rdtabEmployee" runat="server" MultiPageID="rdmpPersonal" OnTabClick="tabClick" UnSelectChildren="True" Skin="WebBlue" EnableEmbeddedSkins="False" ClickSelectedTab="True" AutoPostBack="True" SelectedIndex="0"> <Tabs> <telerik:RadTab runat="server" Text="Personal" PageViewID="rdpgPersonal"> </telerik:RadTab> </Tabs></telerik:RadTabStrip><telerik:RadMultiPage ID="rdmpPersonal" runat="server"><telerik:RadPageView ID="rdpgPersonal" runat="server" Selected="true"> <telerik:RadPanelBar runat="server" ID="rdpnlPersonal" ExpandMode="FullExpandedItem" Skin="Vista" EnableEmbeddedSkins="false" Width="550px"> <Items> <telerik:RadPanelItem Expanded="true" Text="Employee Personal Information" runat="server" Selected="true"> <Items> <telerik:RadPanelItem Value="AccountInformation" runat="server"> <ItemTemplate> <div class="text" style="background-color: #ffffff"> <ul class="formList" id="accountInfo"> <li> <asp:Label runat="server" ID="lblHireDate" CssClass="label1" AssociatedControlID="radDtHiredate" Width="150px">Hire Date</asp:Label> <telerik:RadDatePicker ID="radDtHiredate" Width="200px" runat="server" MinDate="1900-01-01" TabIndex="5"> <Calendar ID="calHire" RangeMinDate="1900-01-01" runat="server"> </Calendar> </telerik:RadDatePicker> <asp:RequiredFieldValidator ID="rqrdcontactHireDate" runat="server" Display="Dynamic" ValidationGroup="accountValidation" ControlToValidate="radDtHiredate" ForeColor="Red" ErrorMessage="Select a Date"></asp:RequiredFieldValidator> </li> <li> <asp:Label runat="server" ID="lblPayFrequency" CssClass="label1" AssociatedControlID="radPayFrequency" Width="150px">Pay Frequency</asp:Label> <telerik:RadComboBox ID="radPayFrequency" TabIndex="8" AutoPostBack="true" CssClass="ComboBox" runat="server" Width="200px"> </telerik:RadComboBox> </li> </ul> <br /> <br /> </div> </ItemTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> </telerik:RadPageView></telerik:RadMultiPage>I would like to find radDtHiredate and radDtDOB in javascript can some one help me
Nencho
Telerik team
answered
on
01 Jul 2014
1 answer
134 views
Hello,
Can I use "InPlace" mode to edit the Telerik grid and use "popup" templete when I add new record to this Grid?
Also, is it possible to set certain column to read only during editing record but also editable/set up when creating new record using PopUp templete form?
Thanks alot
current code working on:
<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="True" AutoGenerateColumns="False" PageSize="20" AllowSorting="True"
OnPreRender="RadGrid1_PreRender" OnNeedDataSource="RadGrid1_NeedDataSource"
OnItemCreated="RadGrid1_ItemCreated" OnUpdateCommand="RadGrid1_UpdateCommand" OnInsertCommand="RadGrid1_InsertCommand" OnDeleteCommand="RadGrid1_DeleteCommand"
OnItemDataBound="RadGrid1_ItemDataBound">
<MasterTableView DataKeyNames="PathwayContactID" CommandItemDisplay="Top" EditMode="InPlace" HorizontalAlign="NotSet" AutoGenerateColumns="False">
<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
</telerik:GridEditCommandColumn>
<telerik:GridTemplateColumn UniqueName="FullName" HeaderText="Name" SortExpression="" >
<ItemTemplate>
<asp:Label ID="FullName" runat="server" Text='<%# Eval("FullName") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<!--gona to be a auto-complete-box here-->
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="SitePathwayName" HeaderText="Pathway" SortExpression="SitePathwayName" >
<ItemTemplate>
<asp:Label ID="SitePathwayName" runat="server" Text='<%# Eval("SitePathwayName") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<!--gona to be a auto-complete-box here-->
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Role" HeaderText="Role" SortExpression="" ItemStyle-Width="400px">
<ItemTemplate>
<asp:Label ID="ProfessionalRole" runat="server" Text='<%# Eval("ProfessionalRole") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<!-- RadComboBox with all Roles -->
<telerik:RadComboBox ID="RadComboBoxRoles" runat="server" Width="100%" CheckBoxes="true">
</telerik:RadComboBox>
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridCheckBoxColumn UniqueName="Notification" DataField="NotifyAboutFeedback" HeaderText="Notification">
</telerik:GridCheckBoxColumn>
<telerik:GridBoundColumn DataField="PathwayContactNote" HeaderText="Note" SortExpression="PathwayContactNote"
UniqueName="PathwayContactNote">
</telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn UniqueName="Active" DataField="Active" HeaderText="Active">
</telerik:GridCheckBoxColumn>
<telerik:GridButtonColumn ConfirmText="Delete this item?" ConfirmDialogType="RadWindow"
ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete">
<HeaderStyle Width="50px"></HeaderStyle>
</telerik:GridButtonColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
The columns that i want to set to read only during edit would be the 2nd(FullName) and 3rd column(SitePathwayName) which are going to be autoCompletebox
Can I use "InPlace" mode to edit the Telerik grid and use "popup" templete when I add new record to this Grid?
Also, is it possible to set certain column to read only during editing record but also editable/set up when creating new record using PopUp templete form?
Thanks alot
current code working on:
<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="True" AutoGenerateColumns="False" PageSize="20" AllowSorting="True"
OnPreRender="RadGrid1_PreRender" OnNeedDataSource="RadGrid1_NeedDataSource"
OnItemCreated="RadGrid1_ItemCreated" OnUpdateCommand="RadGrid1_UpdateCommand" OnInsertCommand="RadGrid1_InsertCommand" OnDeleteCommand="RadGrid1_DeleteCommand"
OnItemDataBound="RadGrid1_ItemDataBound">
<MasterTableView DataKeyNames="PathwayContactID" CommandItemDisplay="Top" EditMode="InPlace" HorizontalAlign="NotSet" AutoGenerateColumns="False">
<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
</telerik:GridEditCommandColumn>
<telerik:GridTemplateColumn UniqueName="FullName" HeaderText="Name" SortExpression="" >
<ItemTemplate>
<asp:Label ID="FullName" runat="server" Text='<%# Eval("FullName") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<!--gona to be a auto-complete-box here-->
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="SitePathwayName" HeaderText="Pathway" SortExpression="SitePathwayName" >
<ItemTemplate>
<asp:Label ID="SitePathwayName" runat="server" Text='<%# Eval("SitePathwayName") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<!--gona to be a auto-complete-box here-->
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Role" HeaderText="Role" SortExpression="" ItemStyle-Width="400px">
<ItemTemplate>
<asp:Label ID="ProfessionalRole" runat="server" Text='<%# Eval("ProfessionalRole") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<!-- RadComboBox with all Roles -->
<telerik:RadComboBox ID="RadComboBoxRoles" runat="server" Width="100%" CheckBoxes="true">
</telerik:RadComboBox>
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridCheckBoxColumn UniqueName="Notification" DataField="NotifyAboutFeedback" HeaderText="Notification">
</telerik:GridCheckBoxColumn>
<telerik:GridBoundColumn DataField="PathwayContactNote" HeaderText="Note" SortExpression="PathwayContactNote"
UniqueName="PathwayContactNote">
</telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn UniqueName="Active" DataField="Active" HeaderText="Active">
</telerik:GridCheckBoxColumn>
<telerik:GridButtonColumn ConfirmText="Delete this item?" ConfirmDialogType="RadWindow"
ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete">
<HeaderStyle Width="50px"></HeaderStyle>
</telerik:GridButtonColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
The columns that i want to set to read only during edit would be the 2nd(FullName) and 3rd column(SitePathwayName) which are going to be autoCompletebox
