One Browser Scrollbar

-2
I need the css part that removes all the scrollbars except the browser one , because sometimes I have this issue with my theme I used your css but still showing the same scrollbars !
asked
4 answers
3

Try this in your theme:

.tundra .mendixFormTitle_title {
    margin: 0px !important;
    font-size:14px;
    font-weight:bold;
    padding:5px;
}
body {
overflow:hidden;
}
answered
1

If you only want to use the browser scrollbar I would suggest to take a look at index-nolayout.html.

Example: https://appstore.mendix.com/index-nolayout.html

This means you would need to make some changes to your custom theme.

answered
0

and this is part of my css

body { overflow:hidden; ; } .MxClientloader { position:absolute; right:25px; top:110px; padding:0; background: url(images/layout/ajax-loader.gif) no-repeat; } .MxClientloaderrtl { position:absolute; left:25px; top:110px; padding:0; background: url(images/layout/ajax-loader.gif) no-repeat; } /* Index3 **************************************/ .tundra .mendixButtonbutton { border-style: none; } .tundra .mendixButtonbutton .mendixButton_content {
text-align:center; padding: 0; line-height: 15px; color: #5D5D5D; background: url(images/layout/ButtonCenter.png) repeat-x top; }

.smallbutton {
text-align:center; width: 75px; padding: 0; line-height: 15px; color: #5D5D5D; background: url(images/layout/ButtonCenter.png) repeat-x top; }

.mediumbutton { text-align:center; width: 150px; padding: 0; line-height: 15px; color: #5D5D5D; background: url(images/layout/ButtonCenter.png) repeat-x top; }

.largebutton {
text-align:center; width: 225px; padding: 0; line-height: 15px; color: #5D5D5D; background: url(images/layout/ButtonCenter.png) repeat-x top; }

.required_field { 

color:red;

}

.tundra .mendixButtonbutton .mendixButtonleft { padding-left: 4px; background: url(images/layout/ButtonLeft.png) no-repeat left top; } .tundra .mendixButtonbutton .mendixButtonright { padding-right: 4px; background: url(images/layout/ButtonRight.png) no-repeat right top; }

.MxFormViewinvalidNode { color: red; font-style: italic; } .errormsg { color: red; } .dijitTabSpacer { border-width: 0 1px; border-color: #CCC; border-style: solid; } .tundra .mendixDataGridcontrolPane { padding: 5px 5px 0; background: transparent; } .tundra .mendixFormView { padding-bottom: 5px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #CCC; background: transparent; }

.tundra .mendixFormViewcontrolPane { padding:10px 5px 10px 10px; border-style: none; background: transparent; } .djie .tundra .mendixWindow .mendixFormView_controlPane { padding-bottom: 0;
border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; } .tundra .mendixWindow .mendixFormView { border-style: none; padding-bottom: 0px; }

.MxClient_headerPane {

height: 164px;
width:100%;
padding: 0px 0px 0 0px;
border-bottom: 1px solid #000;
background: transparent;

} .djie .MxClientheaderPane {

height: 70px;

} .MxClient_logoPane { position: fixed; left: 0; top: 0; float: right; width: 100%; height: 164px; text-indent: -9999px; background: url(images/layout/mendixLogo.png) center; -moz-background-size:100% 100%; /* Firefox */ background-size:100% 100%; background-repeat:no-repeat;

} .MxClientlogoPanertl { position: static; left: 0; top: 0; float: right; width: 100%; height: 164px; text-indent: -9999px; background: url(images/layout/mendixLogo.png) center; -moz-background-size:100% 100%; /* Firefox */ background-size:100% 100%; background-repeat:no-repeat; }

/* Toolbar *************/ .MxClient_navbar {

border-bottom:1px solid ;

} .MxClienttoolbar { position:absolute; float: left; padding-top:130px; padding-bottom:10px; padding-right:30px; padding-left:30px; background: transparent; z-index: 8; } .MxClienttoolbar_rtl { position:absolute; float: right;
left:0; padding-top:130px; padding-bottom:10px; padding-right:30px; padding-left:30px; background: transparent; z-index: 8;

}

.mendixToolbar_button { width: 24x; height: 20px; margin: 0 7px 0 0; padding: 0; background:url(images/layout/icons/toolbar.png) no-repeat; }

.tundra .mendixToolbar_forward { background: url(images/layout/icons/toolbar.png) no-repeat -66px 0; }

/* navBar *************/ .tundra .mendixNavbar .dijitToolbar { padding-left: 25px; padding-bottom: 2px; border-top: 1px solid #393939; border-bottom: 1px solod #000; background: #1B1B1B url(images/layout/titleBar.png) repeat-x; } .mendixNavbar .dijitToolbar .dijitButtonText { font-weight: bold; color: #CCC; text-shadow:-1px 1px #000000; } .tundra .dijitArrowButtonInner { height: 12px; width: 12px; margin-right: 0; background: url(images/layout/menu_arrow.png) no-repeat right top !important; }

/* mendixContentPane */ .tundra .mendixContentPane { border-style: solid; border-width: 0 1px 1px 1px; border-color: #bababa;

} /* MxClient_contentContainer *************/ .MxClient_contentContainer {

margin: 0 0px 0px 0px;
background: url(images/layout/En02.jpg) center;
-moz-background-size:100% 100%; /* Firefox */
background-size:100% 100%;
background-repeat:no-repeat;

} .tundra .mendixFormTitle { padding:3px 10px 2px 10px; border: 1px solid #C8C8C8; background: #ddd url(images/layout/titlebg.png) repeat-x; -moz-border-radius-topleft:3px; /* CSS3 FF */ -moz-border-radius-topright:3px; /* CSS3 FF */ -webkit-border-top-left-radius:3px; /* CSS3 Chrome & Safari */ -webkit-border-top-right-radius:3px; /* CSS3 Chrome & Safari */ border-bottom-top-radius: 3px; /* CSS3 Opera */ border-bottom-top-radius: 3px; /* CSS3 Opera */ } .tundra .mendixFormTitletitle { margin: 0px !important; font-size:14px; font-weight:bold; padding:5px;

}

.mendixFormView_contentPane { border: none; } .tundra .dijitTabPaneWrapper { border: none; background: none; }

/* mendixWindow ************/ .tundra .mendixwindow { padding: 3px; border-color: #a9a9a9; background: url(images/layout/En02.jpg) right; -moz-border-radius:3px; / CSS3 Firefox / -webkit-border-radius:3px; / CSS3 Chrome & Safari / -moz-box-shadow:0 0 8px #555555; / CSS3 Firefox / -webkit-box-shadow: 0 0 4px #999; / CSS3 Chrome & Safari / -webkit-transition: all 0.1s ease-out; / CSS3 Chrome & Safari /
box-shadow:0 0 8px #555555; / CSS3 Opera */ } .tundra .mendixWindowheader { height: 28px; padding-right:10px; border: none; background: #000000; } .tundra .mendixWindowtitle { color: #FFFFFF; text-shadow: none; }
.tundra .mendixWindowcontent { border: none; background: transparent; } .tundra .mendixWindow .mendixFormViewtable { border-width: 1px 0 0 0; border-style: solid; border-color: transparent; } .tundra .mendixWindow_button { display:block; height:16px; width:16px; margin-top: 6px; background-repeat:no-repeat; background-image: url(images/layout/icons/icons.png); }

/* TabPane ************/ .tundra .dijitTabContainerTop-tabs { background: transparent; } .tundra .mendixFormView .dijitTabContainerTop-tabs { padding-left: 5px; } .tundra .dijitTab { margin-right: 1px; color: #000; border-color:#CCC ; border-style:solid; border-width:1px; background: #E6E6E6; -moz-border-radius-topleft:3px; / CSS3 Firefox / -moz-border-radius-topright:3px; / CSS3 Firefox / -webkit-border-top-left-radius:3px; / CSS3 Chrome & Safari / -webkit-border-top-right-radius:3px; / CSS3 Chrome & Safari / border-top-right-radius: 3px; / CSS3 Opera / border-top-left-radius: 3px; / CSS3 Opera */ } .tundra .dijitTabChecked { color: #333; background: #FFF; }

/* Nested TabPane */ .tundra .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv { padding:6px 8px 5px 9px; background: none; } .tundra .dijitTabContainerTabListNested .dijitTab .dijitTabContent { padding: 0; text-decoration: underline; border-style: none; background: none; }

/* Footer */ .MxClientfooterPane { margin:0 25px; padding: 10px 0; font-size:0.9em; color: #555; border-top:1px solid #CCC; background: none; } .MxClientfooterPane a { text-decoration: none; color: #0073EA; } .MxClientfooterPane a:hover, .MxClientfooterPane a:focus { color: #000; text-decoration: underline; }

/* CSS3 for IE ************/ /* Title **/ .djie .tundra .mendixFormTitle { padding: 0; border-style: solid; border-width: 0 0 1px 0; border-color: #C8c8C8; height: 24px; background: none; } .djie .tundra .mendixFormTitletitle { padding: 4px 10px 4px 10px; background: none; } .djie .mendixFormTitleborderCenter { background: #C26600 url(images/layout/ie/titlecenter.png) repeat-x; } .djie .mendixFormTitleborderLeft { padding-left: 3px !important; background: url(images/layout/ie/titleleft.png) no-repeat left top !important; } .djie .mendixFormTitleborderRight { padding-right: 3px; background: url(images/layout/ie/titleright.png) no-repeat right top; }

/* mendixWindow */ .dj_ie .mendixWindow { border-style: none; background: none; }

answered
-2

this is my index.html

    <html>
<head>
    <title>Omnix ESS Project | 1.0.0.1</title>
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="pragma" content="no-cache" />

    <script type="text/javascript" src="mxclientsystem/dojo/dojo.js"
        djConfig="
            usePlainJson: true,
            rtlRedirect: 'index-rtl.html'
        ">
    </script>


    <style type="text/css">         
        @import "ui/base-dark.css";
    </style>
    <!--[if IE 6]>
    <style type="text/css">
        @import "ui/ie6/banner.css";
    </style>
    <![endif]-->
</head>
<body class="tundra">
    <div dojoType="dijit.layout.BorderContainer"
        design="headline"
        gutters="false"
        id="mainbox"
        class="MxClient_mainContainer"
        >

        <div dojoType="dijit.layout.ContentPane"
            region="top"
            id="topPane"
            class="MxClient_topPane"
            >

                <div class="MxClient_loader" id="MxClient_loader"></div>

            </div>

                            <div dojoType="userattrlabel.widget.UserAttrLabel" ulabel="Welcome:" uentity="Administration.Account" uattr="FullName"></div>

            <div class="MxClient_navigationPane">
                <div class="MxClient_navbar" id="MxClient_navbar" dojoType="mendix.widget.MxNavbar"></div>

            </div>              
            <div id="breadcrumbs">
                <!-- <div class="bread_left">
                    <div class="bread_right">
                        <a href="">Home</a>
                    </div>
                </div> -->
            </div>
        </div>

        <div dojoType="dijit.layout.BorderContainer"
            region="center"
            design="sidebar"
            gutters="false"
            class="MxClient_contentContainer"
            >
            <div dojoType="mendix.widget.MxScreenBuffer"
                region="center"
                id="contentPort"
                class="MxClient_contentPane"
                >
            </div>
        </div>
        <div dojoType="dijit.layout.ContentPane"
            region="bottom"
            class="MxClient_bottomPane"
            >
            <div class="MxClient_footerPane">
                Powered by <a href="http://www.omnix-group.com">Omnix International L.L.C</a> 
            </div>
        </div>
    </div>
    <!--[if IE 6]>
    <div id="ie6banner" class="ie6banner" style="display:none">
        <img src="ui/ie6/ie6banner.png" width="280" height="90" border="0" usemap="#ie6banner" />
        <map name="ie6banner">
            <area shape="rect" coords="35,34,75,74" href="http://www.mozilla-europe.org/" target="_blank" title="Mozilla Firefox" />
            <area shape="rect" coords="82,34,122,74" href="http://www.google.com/chrome/" target="_blank" title="Google Chrome" />
            <area shape="rect" coords="129,34,169,74" href="http://www.apple.com/safari/" target="_blank" title="Apple Safari" />
            <area shape="rect" coords="176,34,216,74" href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank" title="Microsoft Internet Explorer" />
        </map>
    </div>
    <![endif]-->
<script type="text/javascript" src="mxclientsystem/mendix/mendix.js"></script> <script type="text/javascript" src="widgets/omnix/OmnixSearchCF.js" locales="nl-NL;en-US;ar-AE" suffixes="_nl;_en;_ar"></script> <script> dojo.registerModulePath("userattrlabel", "../../widgets/userattrlabel"); dojo.require("userattrlabel.widget.UserAttrLabel"); </script> 
</body>

</html>

answered