jQuery UI Widgets Forums Layouts Panel and Responsive Panel no Scrollbar in FF

This topic contains 9 replies, has 2 voices, and was last updated by  detberlin 7 years, 7 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • no Scrollbar in FF #11712

    detberlin
    Participant

    hi everybody,

    I have found in the FF no scrollbar is displayed.
    In IE and Crome but already what is in anyone’s interest.
    Maybe can someone tell me why?

    Here is my code ….

    [code]

    $(document).ready(function(){
    var gesTitle = ”; var gesDatei = ”; var gesHtml = ”;
    if (iLoadModul == 0) {gesTitle = ‘AGB’; gesDatei = ‘agb’; gesHtml = agbText();} else {gesTitle = ‘Impressum’; gesDatei = ‘impressum’; gesHtml = impressText();}

    var myCreateElement = $(‘<div><div>’ +
    ‘<div style="background-color:#e1e1e6;overflow:hidden">’ + gesHtml + ‘</div>’ +
    ” +
    ” +
    ‘</div></div>’); $(document.body).append(myCreateElement);

    $(‘#gesPanel’).jqxPanel({width:692, height:487, theme:’energyblue’});
    $(‘#gesSenden’).jqxButton({height:’30px’, width:’91px’, theme:’energyblue’}); $(‘#gesCancel’).jqxButton({height:’30px’, width:’91px’, theme:’energyblue’});

    $(‘#gesWindow’).bind(‘closed’,function (event){$(‘#gesWindow’).remove();}); var xPos = $(‘#mitte’).offset().left; var yPos = $(‘#mitte’).offset().top;
    $(‘#gesWindow’).jqxWindow({position:{x: xPos + ((767 – 694) / 2), y: yPos + ((666 – 568) / 2)}, width:694, height:568, maxHeight:700, closeAnimationDuration:0,
    autoOpen:true, isModal:true, resizable:false, showAnimationDuration:0, draggable:false, cancelButton:$(‘#gesCancel’), theme:’mydarkblue’});
    $(‘#gesWindow’).jqxWindow(‘setTitle’, gesTitle); $(‘#gesSenden’).bind(‘click’, function() {ladeInfoFile(‘xdefault/’ + gesDatei);});
    })

    [/code]

    • This topic was modified 7 years, 7 months ago by  detberlin.
    no Scrollbar in FF #11716

    Peter Stoev
    Keymaster

    Hi detberlin,

    Could you please post the code again, including the HTML part of it? It is important for us to try your specific scenario?
    In addition, what means, no scrollbar is displayed?
    There’s not enough space for it or something else?
    Which scrollbar is not displayed – vertical or horizontal?

    Please, take a look at this Forum topic which explains how to post formatted code: http://www.jqwidgets.com/community/topic/code-formatting/

    Looking forward to your reply.

    Best Wishes,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    no Scrollbar in FF #11724

    detberlin
    Participant

    hi Peter,

    thanks for you answer,

    How can I enter for html code without it running?

    • This reply was modified 7 years, 7 months ago by  detberlin.
    no Scrollbar in FF #11726

    Peter Stoev
    Keymaster

    Paste it in the Forum, then Select it and press the button in the Forum’s toolbar.

    Best Wishes,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    no Scrollbar in FF #11727

    detberlin
    Participant

    ok i have found

    no Scrollbar in FF #11729

    detberlin
    Participant

    here my code

    $(document).ready(function(){
    var gesTitle = ''; var gesDatei = ''; var gesHtml = '';
    if (iLoadModul == 0) {gesTitle = 'AGB'; gesDatei = 'agb'; gesHtml = agbText();} else {gesTitle = 'Impressum'; gesDatei = 'impressum'; gesHtml = impressText();}
    var myCreateElement = $('<div id="gesWindow"><div>' +
    '<div id="gesPanel" style="background-color:#e1e1e6; position:absolute; left:0px; top:29px; overflow:hidden;">' + gesHtml + '</div>' +
    '<input id="gesCancel" style="float:right; margin-top:494px; margin-right:250px;" type="button" value="Schlie&szlig;en">' +
    '<input id="gesSenden" style="float:right; margin-top:494px; margin-right: 3px;" type="button" value="Download">' +
    '</div></div>'); $(document.body).append(myCreateElement);
    $('#gesPanel').jqxPanel({width:692, height:487, theme:'energyblue'});
    $('#gesSenden').jqxButton({height:'30px', width:'91px', theme:'energyblue'}); $('#gesCancel').jqxButton({height:'30px', width:'91px', theme:'energyblue'});
    $('#gesWindow').bind('closed',function (event){$('#gesWindow').remove();}); var xPos = $('#mitte').offset().left; var yPos = $('#mitte').offset().top;
    $('#gesWindow').jqxWindow({position:{x: xPos + ((767 - 694) / 2), y: yPos + ((666 - 568) / 2)}, width:694, height:568, maxHeight:700, closeAnimationDuration:0,
    autoOpen:true, isModal:true, resizable:false, showAnimationDuration:0, draggable:false, cancelButton:$('#gesCancel'), theme:'mydarkblue'});
    $('#gesWindow').jqxWindow('setTitle', gesTitle); $('#gesSenden').bind('click', function() {ladeInfoFile('xdefault/' + gesDatei);});
    })

    html-part

    <link rel="stylesheet" href="index.css" type="text/css">
    <link rel="stylesheet" href="moduljqx/jqx.base.css" type="text/css">
    <link rel="stylesheet" href="moduljqx/mydarkblue.css" type="text/css">
    <link rel="stylesheet" href="moduljqx/jqx.energyblue.css" type="text/css">
    <script type="text/javascript" src="moduljqx/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="moduljqx/jqxcore.js"></script>
    <script type="text/javascript" src="moduljqx/jqxdata.js"></script>
    <script type="text/javascript" src="moduljqx/jqxgrid.js"></script>
    <script type="text/javascript" src="moduljqx/jqxscrollbar.js"></script>
    <script type="text/javascript" src="moduljqx/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="moduljqx/jqxlistbox.js"></script>
    <script type="text/javascript" src="moduljqx/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="moduljqx/jqxbuttons.js"></script>
    <script type="text/javascript" src="moduljqx/jqxpanel.js"></script>
    <script type="text/javascript" src="moduljqx/jqxcheckbox.js"></script>
    <script type="text/javascript" src="moduljqx/jqxradiobutton.js"></script>
    <script type="text/javascript" src="moduljqx/jqxwindow.js"></script>
    <script type="text/javascript" src="moduljqx/jqxvalidator.js"></script>
    <script type="text/javascript" src="wconfigs.js"></script>
    <script type="text/javascript" src="xangebot.js"></script>

    oh….. the vertical scrollbar is not displayed

    thx detberlin

    • This reply was modified 7 years, 7 months ago by  detberlin.
    • This reply was modified 7 years, 7 months ago by  detberlin.
    no Scrollbar in FF #11761

    Peter Stoev
    Keymaster

    Hi detberlin,

    I am using the following code with jQWidgets 2.5.5 and jQuery 1.8.2 and I couldn’t find out an issue.

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <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/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    var theme = '';
    var gesTitle = ''; var gesDatei = ''; var gesHtml = '';
    var iLoadModul = 0;
    if (iLoadModul == 0) { gesTitle = 'AGB'; gesDatei = 'agb'; gesHtml = ""; } else { gesTitle = 'Impressum'; gesDatei = 'impressum'; gesHtml = ""; }
    var myCreateElement = $('<div id="gesWindow"><div>' +
    '<div id="gesPanel" style="background-color:#e1e1e6; position:absolute; left:0px; top:29px; overflow:hidden;">' + gesHtml + '</div>' +
    '<input id="gesCancel" style="float:right; margin-top:494px; margin-right:250px;" type="button" value="Schlie&szlig;en">' +
    '<input id="gesSenden" style="float:right; margin-top:494px; margin-right: 3px;" type="button" value="Download">' +
    '</div></div>'); $(document.body).append(myCreateElement);
    $('#gesPanel').jqxPanel({ width: 692, height: 487, theme: 'energyblue' });
    $('#gesSenden').jqxButton({ height: '30px', width: '91px', theme: 'energyblue' }); $('#gesCancel').jqxButton({ height: '30px', width: '91px', theme: 'energyblue' });
    $('#gesWindow').bind('closed', function (event) { $('#gesWindow').remove(); }); var xPos = 0; var yPos = 0;
    $('#gesWindow').jqxWindow({
    position: { x: xPos + ((767 - 694) / 2), y: yPos + ((666 - 568) / 2) }, width: 694, height: 568, maxHeight: 700, closeAnimationDuration: 0,
    autoOpen: true, isModal: true, resizable: false, showAnimationDuration: 0, draggable: false, cancelButton: $('#gesCancel'), theme: 'mydarkblue'
    });
    $('#gesWindow').jqxWindow('setTitle', gesTitle); $('#gesSenden').bind('click', function () { ladeInfoFile('xdefault/' + gesDatei); });
    });
    </script>
    </head>
    <body class='default'>
    </body>
    </html>

    Could you please tell me what should or shouldn’t happen in FireFox?

    Best Wishes,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    no Scrollbar in FF #11941

    detberlin
    Participant

    hi Peter,

    i use the version 17.0.1 of FireFox

    and your actual version of jQWidgets

    my gesHtml is a long long html text over two pages

    i have in IE and Crome a H-Scrollbar and non in FF

    i cant scroll in FF

    no Scrollbar in FF #11943

    Peter Stoev
    Keymaster

    Hi detberlin,

    Could you, please modify the sample I posted, so I can reproduce it with FF, too?

    Best Wishes,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    no Scrollbar in FF #12028

    detberlin
    Participant

    I have now solved it with an iframe

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

You must be logged in to reply to this topic.