jQWidgets Forums

Tagged: jquery tab control, tab control, Tabs

This topic contains 7 replies, has 2 voices, and was last updated by Peter Stoev 12 years, 5 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Problem with position TOP Posts

November 28, 2012 at 12:09 pm Problem with position TOP #11596

henrick21

Member

Hello,

My problem is as follows:

I am creating a “jqxTabs” but when I click on any “tab”, automatically, the page is moved to the top.

What should I do to avoid this?

Thankss

November 28, 2012 at 12:36 pm Problem with position TOP #11598

Peter Stoev

Keymaster

Hi henrick21,

That depends on what you put in the jqxTabs LI tags. If you put anchor tags or other tags that have “bring to view” standard behavior, the page will be scrolled to the clicked position. If you put Text in the LI tags, there will be no such behavior.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

November 28, 2012 at 12:50 pm Problem with position TOP #11601

henrick21

Member

My code:


        jQuery('#jqxTabsERP').jqxTabs({ selectionTracker:true, animationType:'fade', keyboardNavigation:false  });


<div id='jqxWidget'>
<div id='jqxTabsERP'>
<ul>
    <li style="margin-left: 30px;">ERP Sabium</li>
    <li>Comercial</li>
    <li>Finanças</li>
</ul>
<div>
    <h2>FACILIDADE DE APRENDIZAGEM E OPERAÇÃO</h2>
    O ERP Sabium é um produto padrão constituído por módulos que se adaptam a cada ambiente administrativo via configuração, propondo um organograma para sua empresa e disponibilizando os recursos de software de acordo com as funções de cada usuário por departamento. O ERP Sabium disponibiliza informações gerenciais instantâneas coletadas a partir de um banco de dados centralizado. O produto padrão é comercializado com os recursos disponíveis até a data do fechamento do negócio
</div>
<div>
    <h2>PERFIL DO CLIENTE</h2>
    O produto para aplicações puramente gerenciais é denominado ERP Sabium Basic. Para aplicações de natureza fiscal existe o ERP Sabium Advanced, um produto mais robusto, que contém todas as funcionalidades do ERP Sabium Basic complementadas pelos módulos Contábil, Fiscal e Patrimonial.
</div>
<div>
    <h2>INTERFACE INTELIGENTE</h2>
    O ERP Sabium possui uma interface 100% visual e dinâmica, uma vez que é configurável por usuário, permitindo acesso somente a recursos autorizados. Deste modo, a aprendizagem e a operação são rápidas, seguras e confortáveis em função do ajustamento automático da interface ao usuário.
</div>
</div>
</div>

My problem persists…

November 28, 2012 at 12:59 pm Problem with position TOP #11602

Peter Stoev

Keymaster

Hi henrick21,

Could you please answer to the questions below?

– What is the Web Browser that you use?
– What is the jQuery version that you use?
– What is the jQWidgets version that you use?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

November 28, 2012 at 1:06 pm Problem with position TOP #11603

henrick21

Member

Web Broser : Chrome v.23.0.1271.64
jQuery: 1.8.2
jQWidgets: 2.5.5

November 28, 2012 at 1:10 pm Problem with position TOP #11604

Peter Stoev

Keymaster

Hi henrick21,

jQWidgets 2.5.5 was released 10 minutes ago so, please open any of the JS files and look at the file’s header.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

November 28, 2012 at 1:13 pm Problem with position TOP #11605

henrick21

Member

Sorry, this correct is: jQWidgets v2.4.2

November 30, 2012 at 2:44 pm Problem with position TOP #11760

Peter Stoev

Keymaster

Hi henrick21,

I don’t see an issue using the provided code. I tested that with Chrome, too and used jQWidgets 2.5.5 and jQuery 1.8.2. Clicking on a Tab didn’t move the browser’s scrollbar.

Here’s my test code:

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var theme = getTheme();
            $('#jqxTabsERP').jqxTabs({ selectionTracker: true, animationType: 'fade', keyboardNavigation: false });
        });
    </script>
</head>
<body class='default'>
     <div style="height: 200px;"></div>
    <div id='jqxTabsERP'>
        <ul>
            <li style="margin-left: 30px;">ERP Sabium</li>
            <li>Comercial</li>
            <li>Finanças</li>
        </ul>
        <div>
            <h2>FACILIDADE DE APRENDIZAGEM E OPERAÇÃO</h2>
            O ERP Sabium é um produto padrão constituído por módulos que se adaptam a cada ambiente administrativo via configuração, propondo um organograma para sua empresa e disponibilizando os recursos de software de acordo com as funções de cada usuário por departamento. O ERP Sabium disponibiliza informações gerenciais instantâneas coletadas a partir de um banco de dados centralizado. O produto padrão é comercializado com os recursos disponíveis até a data do fechamento do negócio
        </div>
        <div>
            <h2>PERFIL DO CLIENTE</h2>
            O produto para aplicações puramente gerenciais é denominado ERP Sabium Basic. Para aplicações de natureza fiscal existe o ERP Sabium Advanced, um produto mais robusto, que contém todas as funcionalidades do ERP Sabium Basic complementadas pelos módulos Contábil, Fiscal e Patrimonial.
        </div>
        <div>
            <h2>INTERFACE INTELIGENTE</h2>
            O ERP Sabium possui uma interface 100% visual e dinâmica, uma vez que é configurável por usuário, permitindo acesso somente a recursos autorizados. Deste modo, a aprendizagem e a operação são rápidas, seguras e confortáveis em função do ajustamento automático da interface ao usuário.
        </div>
    </div>
    <div style="height: 800px;"></div>
</body>
</html>

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.