<div style="height:20%;padding-top:50px;"> <telerik:RadMenu ID="RadMenu1" Style="float:right;" Flow="Horizontal" runat="server"> <Items> <telerik:RadMenuItem text="Messages"></telerik:RadMenuItem> <telerik:RadMenuItem Text="Stock"></telerik:RadMenuItem> <telerik:RadMenuItem Text="Cash"></telerik:RadMenuItem> <telerik:RadMenuItem Text="Staff"></telerik:RadMenuItem> <telerik:RadMenuItem Text="Reports"></telerik:RadMenuItem> <telerik:RadMenuItem Selected="true" Text="Stock Admin" > <GroupSettings Flow="Vertical" /> <Items> <telerik:RadMenuItem Text="Admin"></telerik:RadMenuItem> <telerik:RadMenuItem Text="Stock Admin"></telerik:RadMenuItem> </Items> </telerik:RadMenuItem> </Items> </telerik:RadMenu> </div>/*RadMenu Styles*//*This is the new Menu that is on the Header.ascx control*/ .RadMenu_Default .rmGroup .rmLink { padding-left: 0px ; /*these two will give the Sub Menu Items their styling*/ } .RadMenu_Default .rmGroup .rmLink .rmText { padding-left: 5px ; /*these two will give the Sub Menu Items their styling*/ } .RadMenu_Default .rmRootGroup .rmSelected { background:#f7931d; /*what happens when the Tab is 'Selected'*/ } div.RadMenu .rmRootGroup { /*all the border tags here, remove the black border that went round the entire Menu Control*/ border-width:0px; border-bottom:5px solid #f7931d; } div.RadMenu .rmGroup .rmItem .rmText { text-align:left; } .RadMenu_Default .rmRootGroup .rmItem .rmText { text-align:center; /*the Border tags help to seperate each Root Menu Tab to make it look like its a seperate entity*/ border-left:solid; border-right:solid; border-left-color:white; border-right-color:white; width:70px; /*width of each Root Menu Items*/ /*height:35px; height of each Root Menu Items*/ height:35px; color:#979797; /*colour of the text on Root and Sub Menu Tabs*/ font-family:Helvetica, Arial, sans-serif; } .RadMenu_Default .rmRootLink:hover span.rmText { /*this sets the text white for the Root Menu Items only, when hovering over the Root Menu Item*/ color:white; } .RadMenu_Default .rmGroup .rmLink:hover span.rmText { /*This sets the text white when hovering over the Sub Menu Items.*/ color:white; } .RadMenu_Default .rmGroup .rmText { /*the border and background properties will remove the block on the left side of the Sub Menu Items where an icon would usually be placed.*/ border: 1px solid #979797 ; background: #f0f0f0 ; } .RadMenu_Default .rmText:hover { background:#f7931d; /*background of tabs when moused over*/ cursor: pointer; cursor: hand; } .RadMenu_Default .rmRootGroup { background: #f0f0f0 ; /*specify the colour of the Root Tabs. Without doing this, it gives a gradient colour scheme from top to bottom*/ } .RadMenu_Default { width:598px; /*width of the entire control*/ }/*RadMenu Styles*/Hi
Looking for some direction here:
I have a grid that I bind with data, and I have an imageButton control that I want to use to open a pop up with more data, but I don't want to do another database call, so the data in the pop up must be bound when the grid binds.
Any ideas / examples on how to achieve this.
Andy
<telerik:GridTemplateColumn UniqueName="gtcEdit" HeaderText="Edit" HeaderStyle-Width="50px" >
<ItemTemplate><telerik:RadButton ID="rbtEdit" runat="server" CommandArgument="edit" ButtonType="StandardButton" AutoPostBack="false" Width="30px" Text="Edit" OnClientClicked="EditRecord" />
</ItemTemplate>
</telerik:GridTemplateColumn>
function EditRecord(sender, eventArgs) {
var rowIndex = sender.get_element().parentNode.parentNode.rowIndex - 1;
var radGrid = $find('<%=rgvMainGrid.ClientID %>');
var masterTable = radGrid.get_masterTableView();
var selectedRow = masterTable.get_dataItems()[rowIndex];
masterTable.selectItem([rowIndex]);
masterTable.get_dataItems()[rowIndex]._element.style.backgroundColor = "Yellow";
alert('edit ' + rowIndex);
}
How can I adjust for this when the grid is grouped?
Thanks for your help.
Tracy

Please refer to the attached image of what i hope to achieve with using a radgrid,
Basically I want to show a list of values underneath the details of the record i'm looking at.
my code is as follows:
<telerik:RadGrid runat="server" DataSourceID="APPLICATIONS_DATASOURCE" ID="RADGRID1" OnDetailTableDataBind="MYMETHOD"> <MasterTableView AutoGenerateColumns="false" DataKeyNames="DATA_ID"> <DetailTables> <telerik:GridTableView Name="Contacts" DataKeyNames="CONTACT_ID" AutoGenerateColumns="true"> </telerik:GridTableView> </DetailTables> <Columns> <telerik:GridBoundColumn DataField="TITLE" HeaderText="Title"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="DATA" HeaderText="Data"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="DATE" HeaderText="Date"></telerik:GridBoundColumn> </Columns> <NestedViewTemplate> <div class="row"> <div class="span11"> <h3> <asp:Literal ID="Literal1" runat="server" Text='<%#eval("TITLE") %>'></asp:Literal> </h3> <h5> <asp:Literal ID="Literal2" runat="server" Text='<%#eval("OWNER") %>'></asp:Literal> </h5> </div> <div class="span11"> <p> <asp:Literal ID="Literal3" runat="server" Text='<%#eval("ALLDETAILS") %>'></asp:Literal></p> </div> <div class="span11"> </div> </div> </NestedViewTemplate> </MasterTableView> </telerik:RadGrid>As the DetailsTable has N number of elements, i have it using a generated datatable on bind to fill with data, and the nestedview can be split to a seperate datasource if need be, but currently is using the radgrid datasource (sqldatasource).
Is there a way to accomplish a nestedview AND a detailsTable on the same hierarchical level in a Grid that i might have missed ?


I have a RadTextBox field used as a password entry field. Furthermore, I'm using the built-in password strength indicator for this field as follows:
PasswordStrengthSettings ShowIndicator="true"
I need for the strength text to be culturally sensitive but I'm not seeing a Localization attribute to work with. How can this text be set?
Thanks in advance.
Hello,
I try to bind an HtmlChart with a Custom List<> of object, like so:
--------------------------- C#:
protected void Page_Load(object sender, EventArgs e)
{
RadHtmlChart_LineSeries_Avec_Objet.DataSource = oGetData();
RadHtmlChart_LineSeries_Avec_Objet.DataBind();
}
public class monObjet
{
int ID { get; set; }
decimal ValuePumpA { get; set; }
decimal ValuePumpB { get; set; }
decimal ValuePumpC { get; set; }
decimal ValuePumpD { get; set; }
public monObjet(int id, decimal VPumpA, decimal VPumpB, decimal VPumpC, decimal VPumpD)
{
ID = id;
ValuePumpA = VPumpA;
ValuePumpB = VPumpB;
ValuePumpC = VPumpC;
ValuePumpD = VPumpD;
}
}
public List<monObjet> oGetData()
{
List<monObjet> returnList = new List<monObjet>();
for (int i = 0; i < 12; i++)
{
returnList.Add(new monObjet(i, i+1, i+2, i+3, i+4));
}
return returnList;
}
}
--------------------------- ASPX:
<telerik:RadHtmlChart runat="server" ID="RadHtmlChart_LineSeries_Avec_Objet" Width="1000px" Height="300px" ChartTitle-Text="HtmlChart sur List<objet>">
<PlotArea>
<Series>
<telerik:LineSeries Name="Pump A" DataFieldY="ValuePumpA" ColorField="Yellow" >
<LabelsAppearance Visible="false"/>
</telerik:LineSeries>
<telerik:LineSeries Name="Pump B" DataFieldY="ValuePumpB" ColorField="Green" >
<LabelsAppearance Visible="false"/>
</telerik:LineSeries>
<telerik:LineSeries Name="Pump C" DataFieldY="ValuePumpC" ColorField="Red" >
<LabelsAppearance Visible="false"/>
</telerik:LineSeries>
<telerik:LineSeries Name="Pump D" DataFieldY="ValuePumpD" ColorField="Black">
<LineAppearance LineStyle="Smooth" Width="3" />
<MarkersAppearance BackgroundColor="Red" MarkersType="Circle" Visible="true"/>
<LabelsAppearance Visible="false"></LabelsAppearance>
</telerik:LineSeries>
</Series>
<YAxis>
<LabelsAppearance DataFormatString="{0}"></LabelsAppearance>
</YAxis>
<XAxis>
<Items>
<telerik:AxisItem LabelText="January"></telerik:AxisItem>
<telerik:AxisItem LabelText="Februrary"></telerik:AxisItem>
<telerik:AxisItem LabelText="March"></telerik:AxisItem>
<telerik:AxisItem LabelText="April"></telerik:AxisItem>
<telerik:AxisItem LabelText="May"></telerik:AxisItem>
<telerik:AxisItem LabelText="June"></telerik:AxisItem>
<telerik:AxisItem LabelText="July"></telerik:AxisItem>
<telerik:AxisItem LabelText="August"></telerik:AxisItem>
<telerik:AxisItem LabelText="September"></telerik:AxisItem>
<telerik:AxisItem LabelText="October"></telerik:AxisItem>
<telerik:AxisItem LabelText="November"></telerik:AxisItem>
<telerik:AxisItem LabelText="December"></telerik:AxisItem>
</Items>
</XAxis>
</PlotArea>
<Legend>
<Appearance Visible="true"></Appearance>
</Legend>
</telerik:RadHtmlChart>
But that doesn't work.
Why ?
Thanks for your suggestions
Select a date does not change the month.
Because the selected month is being received to date.
Live Example is the same.
Locale it because?
This is South Korea.