8 Replies Latest reply on May 2, 2014 10:32 AM by ThomasStr

    Skillbuilders LOV css

    ThomasStr

      Hi,

       

      I'm useing the Super LOV plug-in in my apex app. The problem i have with it is that the window is placed in the middle of the screen at the top of the page.

      This way the top bar of the LOV (with the close button (X)) is hidden behind the banner. On most screens there will allways be a small piece of the bar remaining so u can just drag it down and then close it,

      but on some others it's completely hidden. So if you misclicked or there is no data in the LOV to select, the only way to close the LOV is going to the previous page.

      Image and video hosting by TinyPic

      Image and video hosting by TinyPic

       

       

      Now the question is: can i change the css of the LOV so it's standard placed with top:50px?

       

      I'm pretty new to APEX.

       

      Thanks a lot!

       

      Thomas

        • 1. Re: Skillbuilders LOV css
          dmcghan

          Hi Thomas,

           

          Could you please put an example on apex.oracle.com? Please include developer credentials so we can login and take a look.

           

          Also, just so we know, what version of APEX are you using and what theme? Have you made changes to the theme?

           

          Regards,

          Dan

          • 2. Re: Skillbuilders LOV css
            ThomasStr

            Hi Dan,

             

            I am using a custom theme made by the company. I'm on an intership atm so i don't have much knowledge (yet) on what has been changed in the theme that might cause the problem. I'll try to make an example with the same theme if possible.

            • 3. Re: Skillbuilders LOV css
              dmcghan

              Thomas,

               

              I thought that may have been the case.

               

              If you look at your (main) page level template, does it have a DTD? Can you share the HTML in the header?

               

              If it's missing a DTD, adding one may fix the issue but create new ones.

               

              Dan

              • 4. Re: Skillbuilders LOV css
                ThomasStr

                Hey Dan,

                 

                I'm sorry but could you explain where i could check this? I never touch the themes usually ^^

                I have tried to make a demo on apex.oracle.com but for some reason i can't get the theme to work...

                • 5. Re: Skillbuilders LOV css
                  dmcghan

                  Thomas,

                   

                  Go to edit your page, look on the right hand side at the Shared Components column. Look for Templates > Page. Click that and you'll see your page level template.

                   

                  Dan

                  • 6. Re: Skillbuilders LOV css
                    ThomasStr

                    Hi Dan,

                     

                    here the HTML Header:

                     

                    <!DOCTYPE html>

                    <html lang="&BROWSER_LANGUAGE.">

                      <head>

                        <meta charset="utf-8">

                        <title>#TITLE#</title>

                     

                        <meta name="viewport" content="width=device-width, initial-scale=1.0">

                        <meta name="description" content="">

                        <meta name="author" content="">

                      

                        <link rel="icon" href="&DBAI_IMG_PATH.favicon.ico" type="image/x-icon">

                        

                        <!-- Le styles -->

                        #APEX_CSS#

                        #TEMPLATE_CSS#

                        #THEME_CSS#

                        #PAGE_CSS#

                        #HEAD#

                     

                     

                        <!-- Le HTML5 shiv, for IE6-8 support of HTML5 elements -->

                        <!--[if lt IE 9]>

                          <script src="&DBAI_JS_PATH.html5shiv.js"></script>

                        <![endif]-->

                     

                      </head>

                      

                        <body #ONLOAD# class="two-level-tabs">

                            <!--[if lte IE 6]><div id="outdated-browser">#OUTDATED_BROWSER#</div><![endif]-->

                            #FORM_OPEN#

                    • 7. Re: Skillbuilders LOV css
                      dmcghan

                      Thomas,

                       

                      Interesting. You have a DTD so the browser isn't running quirks mode. Unfortunately it's difficult to guess what the issue could be. Could be a missing closing tag, a rouge CSS class, etc. An online example would really help.

                       

                      Perhaps the person that made the template could help you put together the demo?

                       

                      Dan

                      • 8. Re: Skillbuilders LOV css
                        ThomasStr

                        Hi Dan,

                         

                        I've been able to fix the problem. Apparently in the template, there was a CSS line giving the LOV a certain z-index which placed it underneat the banner... after the removal of this line everything works as it should

                        Tks a lot for the help!

                         

                        Thomas