Browse scroll for smaller screen [done]

[kev1n]

In a desktop browser when the width of the window is made smaller, there are no scrollbars at all anymore after adding the code.

This (only) happens when nuAutosizeBrowseColumns is set to false.

On my mobile phone, when nuAutosizeBrowseColumns = true: Tthere is a too much space at the right and looks too condensed:

mobile_phone.jpg

[nc07]

In a desktop browser when the width of the window is made smaller, there are no scrollbars at all anymore after adding the code.

This (only) happens when nuAutosizeBrowseColumns is set to false.

On my mobile phone, when nuAutosizeBrowseColumns = true: Tthere is a too much space at the right and looks too condensed:

mobile_phone.jpg

if the width is changed form 100% to 100vw seems to fix the table width issue. will have to do some more testing

[nc07]

In a desktop browser when the width of the window is made smaller, there are no scrollbars at all anymore after adding the code.

This (only) happens when nuAutosizeBrowseColumns is set to false.

On my mobile phone, when nuAutosizeBrowseColumns = true: Tthere is a too much space at the right and looks too condensed:

mobile_phone.jpg

if the width is changed form 100% to 100vw seems to fix the table width issue. will have to do some more testing

Code: Select all

function nuOnLoad() {
$(document).ready(function(){

 if (nuFormType()=='browse'){

$('#nuRECORD').css({'width':'100vw','height':'100%','overflow-x':'auto'});
$('#nuBreadcrumbHolder').css({'width':'100vw'});
$('#nuActionHolder').css({'width':'100vw'});
document.body.style.overflow = 'hidden';

}else {

    document.body.style.overflow = 'visible';

}


});

}

this may fix the issue. i suggest the logout to be included or pushed to nuoptions in mobile view.

[nc07]

Kevin, i did some further testing, removed the above code, seems like that a behavior is not related to the code. can you have a look?

[kev1n]

The last code seems to work much better. Maybe exclude it for popup windows (scrollbars visible) ?

popup.png

[nc07]

thanks Kevin, i agree with you, the popup should be excluded. What would be the best approach?

Code: Select all

function nuOnLoad() {
$(document).ready(function(){

 if (nuFormType()=='browse')  {
if (parent.$('#nuModal').length == 0){
$('#nuRECORD').css({'width':'100vw','height':'100%','overflow-x':'auto'});
$('#nuBreadcrumbHolder').css({'width':'100vw', 'display':'flex','flex':'1','flex-flow': 'row wrap' });
$('#nuActionHolder').css({'width':'100vw'});
document.body.style.overflow = 'hidden';

}else {

    document.body.style.overflow = 'visible';

}

}
});

}

but it doesn't work.

[kev1n]

Untested:

Code: Select all

function nuOnLoad() {

    $(document).ready(function() {

        if (nuFormType() == 'browse') {
            if (!nuIsIframe()) {
                $('#nuRECORD').css({ 'width': '100vw', 'height': '100%', 'overflow-x': 'auto' });
                $('#nuBreadcrumbHolder').css({ 'width': '100vw', 'display': 'flex', 'flex': '1', 'flex-flow': 'row wrap' });
                $('#nuActionHolder').css({ 'width': '100vw' });
                document.body.style.overflow = 'hidden';
            }
        } else {
            document.body.style.overflow = 'visible';
        }

    });

}

[kev1n]

This has been incorporated.