Hi,
Here is the code which iam using.
<asp:Button runat="server" ID="btnRFQs" Text='RFQ' Visible="true"
CssClass="btn1" onclick="btnRFQs_Click" />
<telerik:RadToolTip runat="server" ID="RadToolTipRfq" Sticky="true" Position="MiddleLeft"
Height="300px" Width="600px" Animation="Fade" ShowEvent="OnFocus" ShowDelay="0"
RelativeTo="Element" TargetControlID="btnRFQs" HideEvent="ManualClose">
<asp:Panel ID="tooltipPanel" runat="server">
<telerik:RadGrid ID="rgRfq" runat="server" AllowPaging="True" GridLines="Horizontal"
Skin="Default" PageSize="10">
<PagerStyle Mode="Slider" />
<MasterTableView AutoGenerateColumns="false" DataKeyNames="" CommandItemStyle-CssClass="RGCmdHeader">
<Columns>
<telerik:GridBoundColumn DataField="" HeaderText="Rfq" HeaderStyle-CssClass="GridHeadernew">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="" HeaderText="" HeaderStyle-CssClass="GridHeadernew">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="" HeaderText="" ItemStyle-HorizontalAlign="Right" HeaderStyle-CssClass="GridHeadernew">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</asp:Panel>
</telerik:RadToolTip>
Iam binding the Grid (i.e. rgRfq ) at run time. But I am not able to get the ToolTip when I focus the cursor on the Button.
I am able to See the ToolTip only when I click on the Button. Please let me know I missed any thing. If not why I am not able to get this feature.
Please guide me how to get this fetureā¦
Thanks,
Ranganath.S
Hi, Telerik Team
I have a complex scenario, I describe it in more detail:
I have a .aspx that has a TabStrip "external" ("RadTabStrip1") inside a RadAjaxPanel (Panel_TabStrip1) in which there are 5 tab, each one is a UserControl (.ascx), which represents 5 steps in a procedure, i.e. first, only the first tab is available (enabled), once all the validations have been made, you may go on to the second tab with one button (Next Step), and then it's available (enabled) the second tab.
The TabStrip "external" ("RadTabStrip1") is made by using dynamic pageviews and user controls, i.e. Etapa01CS, Etapa02CS, Etapa03CS, Etapa04CS and Etapa05CS.
The code the .aspx is as below:
| <telerik:RadAjaxPanel |
| runat="server" |
| ID="Panel_TabStrip1" |
| LoadingPanelID="LP_RadTabStrip1" |
| > |
| <telerik:RadTabStrip |
| ID="RadTabStrip1" |
| SelectedIndex="0" |
| runat="server" |
| MultiPageID="RadMultiPage1" |
| CssClass="tabStrip" |
| EnableEmbeddedSkins="False" |
| Skin="Azul" |
| > |
| </telerik:RadTabStrip> |
| <telerik:RadMultiPage |
| ID="RadMultiPage1" |
| SelectedIndex="0" |
| runat="server" |
| CssClass="multiPage" |
| OnPageViewCreated="RadMultiPage1_PageViewCreated" |
| > |
| </telerik:RadMultiPage> |
| </telerik:RadAjaxPanel> |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| if (!Page.IsPostBack) |
| { |
| AddTab("Agencias - Fechas", true); |
| RadPageView pageView = new RadPageView(); |
| pageView.ID = "Etapa01"; |
| RadMultiPage1.PageViews.Add(pageView); |
| AddTab("VehĆculos - Reservación", false); |
| AddTab("Informaciones Suplementarias", false); |
| AddTab("Su Presupuesto", false); |
| AddTab("Sus coordenadas", false); |
| } |
| } |
| private void AddTab(string tabName, bool enabled) |
| { |
| RadTab tab = new RadTab(tabName); |
| tab.Enabled = enabled; |
| RadTabStrip1.Tabs.Add(tab); |
| } |
| protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e) |
| { |
| Control pageViewContents = LoadControl(e.PageView.ID + "CS.ascx"); |
| pageViewContents.ID = e.PageView.ID + "CS"; |
| e.PageView.Controls.Add(pageViewContents); |
| } |
This second tab (UserControl: Etapa02CS) has another TabStrip "internal" ("RadTabStrip2") made "staticaly" with seven tabs, all of them valid with no problem, each one of them is same UserControl (.ascx) that show different consulting options to a database, showing different items according to the tab Selected.
Note:
<telerik:RadTabStrip |
|
| ID="RadTabStrip2" | |
| runat="server" | |
| SelectedIndex="0" | |
| MultiPageID="RadMultiPage2" | |
| Skin="Office2007" | |
| AutoPostBack="True" | |
| > | |
| <Tabs> | |
| <telerik:RadTab runat="server" PageViewID="Etapa02_00" Text="Turismo"> </telerik:RadTab> | |
| <telerik:RadTab runat="server" PageViewID="Etapa02_01" Text="Standard"> </telerik:RadTab> | |
| <telerik:RadTab runat="server" PageViewID="Etapa02_02" Text="Todo Terreno"> </telerik:RadTab> | |
| <telerik:RadTab runat="server" PageViewID="Etapa02_03" Text="Van"> </telerik:RadTab> | |
| <telerik:RadTab runat="server" PageViewID="Etapa02_04" Text="Prestigio"> </telerik:RadTab> | |
| <telerik:RadTab runat="server" PageViewID="Etapa02_05" Text="AutomƔticos"> </telerik:RadTab> | |
| <telerik:RadTab runat="server" PageViewID="Etapa02_06" Text="Ecológicos"> </telerik:RadTab> | |
| </Tabs> | |
| </telerik:RadTabStrip> | |
| <telerik:RadMultiPage | |
| ID="RadMultiPage2" | |
| SelectedIndex="0" | |
| runat="server" | |
| CssClass="multiPage2" | |
| > | |
| <telerik:RadPageView ID="Etapa02_00" runat="server"><Ctl_00:etapa02_00 RunAt="server" ID="Etapa02_00CS"/></telerik:RadPageView> | |
| <telerik:RadPageView ID="Etapa02_01" runat="server"><Ctl_00:etapa02_00 RunAt="server" ID="Etapa02_01CS"/></telerik:RadPageView> | |
| <telerik:RadPageView ID="Etapa02_02" runat="server"><Ctl_00:etapa02_00 RunAt="server" ID="Etapa02_02CS"/></telerik:RadPageView> | |
| <telerik:RadPageView ID="Etapa02_03" runat="server"><Ctl_00:etapa02_00 RunAt="server" ID="Etapa02_03CS"/></telerik:RadPageView> | |
| <telerik:RadPageView ID="Etapa02_04" runat="server"><Ctl_00:etapa02_00 RunAt="server" ID="Etapa02_04CS"/></telerik:RadPageView> | |
| <telerik:RadPageView ID="Etapa02_05" runat="server"><Ctl_00:etapa02_00 RunAt="server" ID="Etapa02_05CS"/></telerik:RadPageView> | |
| <telerik:RadPageView ID="Etapa02_06" runat="server"><Ctl_00:etapa02_00 RunAt="server" ID="Etapa02_06CS"/></telerik:RadPageView> | |
| </telerik:RadMultiPage> | |
| <telerik:RadAjaxPanel |
| ID="Ficha_Vehiculo" |
| runat="server" |
| LoadingPanelID="Loading_Ficha" |
| onload="Page_Load" |
| > |
| <asp:Repeater |
| ID="Repeater1" |
| runat="server" |
| OnItemDataBound="Repeater1_ItemDataBound" |
| OnItemCommand="Repeater1_GetSelectedID" |
| > |
| <ItemTemplate> |
| <div id="ficha_vehiculo_reserva" > |
| <div class="col_izq" align="center"> |
| <asp:Image ID="Image2" ImageUrl='<%#Eval("vh_picturename","/images/Vehicules/{0}")%>' runat="server" /> |
| </div> |
| <div class="col_der"> |
| <div style="margin-left:15px;" ><asp:Label ID="lbl_vh_name" runat="server" Text='<%# Eval("vh_name") %>' ForeColor="#99CCFF" Font-Size="14" ></asp:Label></div> |
| <ul> |
| <li>Categoria : <asp:Label ID="lbl_vh_id_categoria" runat="server" Text='<%# Eval("Cat_nombre") %>' ForeColor="#5398FF" > </asp:Label></li> |
| <li>Descripcion : <asp:Label ID="lbl_vh_Description" runat="server" Text='<%# Eval("Vh_Description") %>' ForeColor="#5398FF" ></asp:Label></li> |
| </ul> |
| <br /> |
| <table width="300" border="0"> |
| <tr> |
| <td width="300" align="right"> |
| <a onclick='<%# "Mostrar_Vehiculo(" + Eval("vh_id_key") + " );" %>'>Ver Detalle... </a> |
| </td> |
| </tr> |
| </table> |
| <asp:HiddenField ID="HiddenID" runat="server" Value='<%# Eval("vh_id_key") %>' /> |
| <table width="160" border="0"> |
| <tr> |
| <td width="160"> |
| <div align="right" style="padding-right:8px;"> |
| <asp:LinkButton |
| ID="LinkButton1" |
| runat="server" |
| CommandArgument='<%# Eval("vh_id_key") %>' |
| CommandName="Select" |
| CssClass="LinkButton" |
| Width="160" |
| Height="30" |
| OnClick="Bt_Etapa02_Click" |
| /> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| <div style="clear:both"></div> |
| </div> |
| </ItemTemplate> |
| </asp:Repeater> |
| </telerik:RadAjaxPanel> |
| protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e) |
| { |
| if (e.Item.ItemType != ListItemType.Item && e.Item.ItemType != ListItemType.AlternatingItem) |
| return; |
| DataRowView row = (DataRowView)e.Item.DataItem; |
| string tr_01 = row["Vh_precio_tr_01"].ToString(); |
| string tr_02 = row["Vh_precio_tr_02"].ToString(); |
| string tr_03 = row["Vh_precio_tr_03"].ToString(); |
| string tr_04 = row["Vh_precio_tr_04"].ToString(); |
| Calculo_Precio(tr_01, tr_02, tr_03, tr_04); |
| ((LinkButton)e.Item.FindControl("LinkButton1")).Text = string.Format("{0:c}", precio) + " "; |
| } |
| protected void Bt_Etapa02_Click(object sender, EventArgs e) |
| { |
| GoToNextTab(); |
| } |
| protected void GoToNextTab() |
| { |
| RadTabStrip tabStrip = (RadTabStrip)Page.FindControl("Ctl00$ContentPlaceHolder1$RadTabStrip1"); |
| RadTab Etapa03InfoTab = tabStrip.FindTabByText("Informaciones Suplementarias"); |
| Etapa03InfoTab.Enabled = true; |
| Etapa03InfoTab.Selected = true; |
| GoToNextPageView(); |
| } |
| private void GoToNextPageView() |
| { |
| RadMultiPage multiPage = (RadMultiPage)Page.FindControl("Ctl00$ContentPlaceHolder1$RadMultiPage1"); |
| RadPageView Etapa03InfoPageView = multiPage.FindPageViewByID("Etapa03"); |
| if (Etapa03InfoPageView == null) |
| { |
| Etapa03InfoPageView = new RadPageView(); |
| Etapa03InfoPageView.ID = "Etapa03"; |
| multiPage.PageViews.Add(Etapa03InfoPageView); |
| } |
| Etapa03InfoPageView.Selected = true; |
| Etapa03InfoPageView.Enabled = true; |
| } |
Hi,
I have a radGrid with an 'Add Record' button, when the add record button is clicked the editItemTemplate displays text boxes for all the columns in the grid, however I don't want the user to be able to insert all fields (some are dynamically set in the code behind), how can I customise the editItemTemplate? I have looked at your example: Grid/Update/Insert/Delete in Hierarchy (http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/threelevel/defaultcs.aspx) but my radGrid is populate from the code behind, so how do I specify the 'InsertParapaters' for the editItemTemplate? Also is it possible to change the Insert/Cancel text to an image button?
Additionally, I have a 'detailTable' that also allows inserts, but I only want the user to select one value from a radComboBox (the rest of the data to be inserted is handled by the code behind) How do I populate this radComboBox from the code behind? When opening the detailTable is it possible to close the āAdd New Recordā dialog box in the master table?
Your help regarding the above issues would be greatly appreciated.
Below is the radGrid Code:
| <telerik:RadGrid ID="RadGridServices" runat="server" Width="100%" AutoGenerateColumns="False" | |
| AllowMultiRowSelection="False" AllowAutomaticInserts="True" AllowAutomaticDeletes="True" | |
| AllowAutomaticUpdates="True" Height="480px" GridLines="None"> | |
| <PagerStyle Mode="NumericPages"></PagerStyle> | |
| <MasterTableView DataKeyNames="serviceID" AllowMultiColumnSorting="True" CellSpacing="-1" | |
| CommandItemDisplay="Top" Name="Services" NoDetailRecordsText="There are no services to display" | |
| Width="100%"> | |
| <DetailTables> | |
| <telerik:GridTableView DataKeyNames="employeeID" AllowMultiColumnSorting="True" CellSpacing="-1" | |
| CommandItemDisplay="Top" Name="Contacts" NoDetailRecordsText="There are no contact detail for this service" | |
| Width="100%" runat="server"> | |
| <Columns> | |
| <telerik:GridBoundColumn SortExpression="Sequence" HeaderText="Sequence" HeaderButtonType="TextButton" | |
| DataField="Sequence" UniqueName="Sequence"> | |
| </telerik:GridBoundColumn> | |
| <telerik:GridBoundColumn SortExpression="employeeID" HeaderText="employeeID" HeaderButtonType="TextButton" | |
| DataField="employeeID" Visible="False" UniqueName="employeeID"> | |
| </telerik:GridBoundColumn> | |
| <telerik:GridBoundColumn SortExpression="Method" HeaderText="Method" HeaderButtonType="TextButton" | |
| DataField="Method" UniqueName="Method"> | |
| </telerik:GridBoundColumn> | |
| <telerik:GridBoundColumn SortExpression="Description" HeaderText="Description" HeaderButtonType="TextButton" | |
| DataField="Description" UniqueName="Description"> | |
| </telerik:GridBoundColumn> | |
| <telerik:GridBoundColumn SortExpression="Detail" HeaderText="Detail" HeaderButtonType="TextButton" | |
| DataField="Detail" UniqueName="Detail"> | |
| </telerik:GridBoundColumn> | |
| <telerik:GridCheckBoxColumn SortExpression="Private" HeaderText="Private" HeaderButtonType="TextButton" | |
| DataField="Private" UniqueName="Private"> | |
| </telerik:GridCheckBoxColumn> | |
| <telerik:GridCheckBoxColumn SortExpression="Active" HeaderText="Active" HeaderButtonType="TextButton" | |
| DataField="Active" UniqueName="Active"> | |
| </telerik:GridCheckBoxColumn> | |
| <telerik:GridButtonColumn CommandName="Delete" Text="Delete" HeaderText="Delete" | |
| UniqueName="DeleteColumn" /> | |
| <telerik:GridTemplateColumn UniqueName="TemplateColumn1"> | |
| <EditItemTemplate> | |
| <telerik:RadComboBox ID="RadComboBoxContact" runat="server" Visible="true"> | |
| </telerik:RadComboBox> | |
| </EditItemTemplate> | |
| </telerik:GridTemplateColumn> | |
| </Columns> | |
| <CommandItemSettings AddNewRecordText="Add New Contact" /> | |
| </telerik:GridTableView> | |
| </DetailTables> | |
| <Columns> | |
| <telerik:GridBoundColumn SortExpression="Description" HeaderText="Description" HeaderButtonType="TextButton" | |
| DataField="Description" UniqueName="Description"> | |
| </telerik:GridBoundColumn> | |
| <telerik:GridBoundColumn SortExpression="Detail" HeaderText="Detail" HeaderButtonType="TextButton" | |
| DataField="Detail" UniqueName="Detail"> | |
| </telerik:GridBoundColumn> | |
| <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" /> | |
| <telerik:GridBoundColumn SortExpression="serviceID" HeaderText="serviceID" HeaderButtonType="TextButton" | |
| DataField="serviceID" Visible="False" UniqueName="serviceID"> | |
| </telerik:GridBoundColumn> | |
| <telerik:GridTemplateColumn UniqueName="TemplateColumn1"> | |
| </telerik:GridTemplateColumn> | |
| </Columns> | |
| <ExpandCollapseColumn Visible="True"> | |
| </ExpandCollapseColumn> | |
| <CommandItemSettings AddNewRecordText="Add New Service" /> | |
| </MasterTableView> | |
| </telerik:RadGrid> |
| <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" /> |
| this._popupElement.style.zIndex=this._zIndex; |
My TreeView is using a custom skin (as according to this post) and everything works great. Here is my question, in my TreeView i wanna give each level a little left-padding so it will take up more real estate on my page.
I believe that this is done with the following class:
| .RadTreeView_??? .rtLines .rtLast, |
| .RadTreeView_??? .rtLines .rtLast .rtUL |
| { |
| background:none; |
| padding-left: 30; |
| } |


__doPostBack(
'ctl00$MainContent$RadGrid1','FireCommand:ctl00$MainContent$RadGrid1$ctl00;GroupByColumn;TemplateColumn4')