Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
174 views
Hi,

I am using Rad Tabstrip in my code, which is working fine with internet explorer but not working with firefox or chrome.
My firefox version is v3.0.8 where as my google chrome version is v1.0.154.53.
Please find below the code I am using and let me know the solution as most of my users use firefox.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MemberPages_Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <link type="text/css" rel=Stylesheet href=MemberProps.css />
</head>

<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div style="left: 0px; width: 1024px; position: absolute; top: 60px; height: 708px">
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Black" MultiPageID="RadMultiPage1"
                SelectedIndex="0" CssClass="tabStrip">
                <Tabs>
                    <telerik:RadTab Text="Details">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Education">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Skills">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage">
                <telerik:RadPageView ID="RadPageView1" runat="server">
                    <ul>
                        <li><label>Name:</label> John Smith</li>
                        <li><label>Birthday:</label> October 20th 1976</li>
                        <li><label>Marital Status:</label> Single</li>
                    </ul>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView2" runat="server" CssClass="pageViewEducation">
                    <p>
                        BSc (Hons) Computer Science MIT, Boston MA September 1994 - July 1998
                    </p>
                    <p>
                        Courses taken:
                    </p>
                    <ul>
                        <li><label>Computer Architecture:</label> [A+]</li>
                        <li><label>Programming:</label> [A]</li>
                        <li><label>Mathematics for Computing:</label> [A]</li>
                        <li><label>Database Specification:</label> [A]</li>
                        <li><label>Software Development:</label> [B+]</li>
                        <li><label>OO Software Development Project:</label> [B-]</li>
                        <li><label>Four Advanced OO Software Systems:</label> [A*]</li>
                        <li><label>Systems and Simulation:</label> [A-]</li>
                        <li><label>Computer Graphics:</label> [B+]</li>
                    </ul>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView3" runat="server">
                    <ul>
                        <li><label>Programming:</label> C#, JavaScript, C++, PHP</li>
                        <li><label>Web Technologies:</label> HTML, CSS, DHTML</li>
                        <li><label>Databases:</label> SQL Server 2005, MySQL, Access, Oracle</li>
                        <li><label>Operating Systems:</label> Windows, Linux, DOS</li>
                    </ul>
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </div>
    </form>
</body>
</html>

Thanks in advance.

Regards,
Sandeep Devagiri


Ersin
Top achievements
Rank 1
Iron
 answered on 02 Feb 2024
2 answers
559 views
Hi i have a tab strip & a number of page views associated with it.

what i've also got is some .net buttons which allow the user to also navigate through the tabs if they wish, like a next and previous.

I'd like to disable the previous button when the user is on the first tab and disable the next button when they're on the last tab.

hopefully that makes sense, i want to do this without having to do a postback which i'm sure is possible.

I suppose it would be some code that goes into the buttons Enabled attribute, something like Enabled=' if currenttab = firsttab then false else true' in the example of the 'previous' button.

Many thanks

Alan
Rumen
Telerik team
 updated answer on 08 Jan 2024
0 answers
23 views

I have implemented a web application that uses the RadTabStrip and RadMultiPage.  The tabs and pages are dynamically created when the page is loaded.  I did not create a TabStrip_TabClick() callback and when I click on a tab, the tab's associated page shows up as expected - everything works fine!

Now I want to intercept the TabClick() callback in order to do some additional processing before the page is redisplayed.

When I add the TabClick() callback, clicking on a tab does not trigger the page to be displayed.

What basic code needs to be in the callback in order to trigger the default page load behavior?

protected void myTabStrip_TabClick(object sender, RadTabStripEventArgs e)
{
    // What
    // goes
    // here?
}
Thomas
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 12 Dec 2023
1 answer
22 views

Hi,

How to get all Rad Controls that are within the selected TAB PageView? using JS

I know that you can get all the controls within the form using this code.


 var allRadControls = $telerik.radControls;

Thanks,

Omar

 

Omar
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 30 Oct 2023
0 answers
27 views

I can't seem to get RadTabStrip to do validation the way I want it to...

I have a RadTabStrip with a RadMultiPage and several RadPageViews

Inside each RadPageView id a FormView

I also have a Validator on a field outside of the RadTabStrip.

Whenever I click on a Tab for the RadTabStrip the validation ErrorMessage for the validator outside of the TabStrip disappears.

What I would like to have happen when selecting a Tab in the Tab strip

1)  CustomValidator Messages outside of the tabstrip continue to show their ErrorMessage

2) Any controls within the newly selected tab have their CustomValidators server side methods called.

 

I have tried setting the RadTabStrip ValidationGroup to be the same as all the CustomValidators, ValidationRequestMode to Enabled... but that did not do anything.

I also tried calling Page.Validate() in the TabClick event.  However, that has the unpleasant effect of allways putting me on the first tab and not the tab I clicked on.

What can I do in order to get the functionality described in items #1 and #2 ?

 

Scott
Top achievements
Rank 1
Iron
Iron
 asked on 23 Oct 2023
1 answer
40 views
 

I have a tab strip (I need it to be in Lightweight mode) :

 <telerik:RadTabStrip width="100%"  Align="Center" Skin="Default" 
                                    Orientation="HorizontalTop"  RenderMode="Lightweight"

Tabs are centered to the left

 Any ideas?

 


                                    

David
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 29 Aug 2023
1 answer
99 views

I'd like to use the tab strip as a filter for a RadGrid below it -- meaning, I won't be using a multipage view but rather every tab will have the same content, just the filter for the radgrid will change based on which tab is selected.

I am using a hierarchical tab scenario, so the primary tabs (pid's are null, therefore root) are usernames, and the underlying ones are prior years of tickets they had. This all works perfectly -- top tabs are their names, and when they click on them, the "current year" of tickets as well as any tickets that are still open are shown (even if they're from prior years). If they want to look at past years, they'd just click on the tab that represents that year number. Each click event fires off a re-bind for the RadGrid below.

All works fine, except for this one problem - once a tab is active, if a user clicks that same tab again, I don't get another click event firing. I'd like to use this re-click as a "refresh" event (meaning the datagrid would re-query the underlying datasource to get up to the minute results).

In the attached picture, if a user selects the first tab (ChCurrier), then selects 2022 to look at last year's tickets, there is no way for him to then re-select the current year's tickets by clicking on ChCurrier again - the click event won't fire because it's already active/selected.

 

 
Richard
Top achievements
Rank 1
Iron
 answered on 25 May 2023
1 answer
58 views

I have a RadTabStrip defined as follows:

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" 
    AutoPostBack="True" Skin="Silk" Height="40px" Align="Justify">
    <Tabs>
        <telerik:RadTab runat="server" Text="Tab Number 1" Value="T1" Font-Bold="True" Selected="True">
        </telerik:RadTab>
        <telerik:RadTab runat="server" Text="Tab Number 2" Value="T2" Font-Bold="True">        
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

When the web page is displayed and I shrink the window size by grabbing the right side of the browser window, then the last tab flickers as I resize and if I stop the mouse in just the right spot the last tab completely disappears.

If I change the ALIGN property from JUSTIFY to CENTER, the flickering disappears and the last tab remains displayed.

 

This behavior occurs on the latest version of Firefox and Chrome.

Peter Milchev
Telerik team
 answered on 28 Sep 2022
0 answers
54 views

Hi all,

 

So I'm trying to reconfigure a page to load ASP.NET content inside an ajaxed tabstrip instead of reloading the page every time the tab is changed. 

Unfortunately, the built in Telerik function is having trouble finding the radgrid on the page when it is within the AJAX frame:

 

function RadGridDeselectAllRows(n) {
    var t = $find(n)
      , i = t.get_masterTableView();
    i.clearSelectedItems()

with n being the id of the radGrid, t returns null

If I load the page in it's own window instead of in the frame, the function is able to find the radGrid without issue. 

Has anyone seen anything like this that might be able to give me some guidance?

Thanks and let me know if I can provide any more info!
Patrick
Top achievements
Rank 1
 asked on 09 Aug 2022
1 answer
107 views

I have a main page with RadTabStrip/RadMultiPage setup. I'd like to trigger an update to a portion of that page when user makes a change in a RadPageView. So on my main page I have a portion that is a summary with datasource and form and numbers need to update as people make changes to various sub-pages.

On each of those RadPageView I have aspx pages with RadForms with (edit/update/cancel buttons). I'd also like to catch if a user tries to change tabs, navigate away from the page, or close with the X on the upper right browser if they are in edit mode on a RadPageView aspx page.

Any assistance would be greatly appreciated.

Peter Milchev
Telerik team
 answered on 10 Jun 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?