4 Replies Latest reply: Mar 20, 2013 10:07 AM by kingjames RSS

    CSS in Global Page

    kingjames
      Hi I wanted to apply some CSS throughout my application by adding it in Global Page in APex 4.2

      And I used

      <style>
      #t18InlineError {
      color: rgb(243, 12, 12);
      }
      </style>

      It doesn't work. Any suggestions to fix it would help.

      Thanks,
        • 1. Re: CSS in Global Page
          Denes Kubicek
          What is the global page. You can create your own css in Shared Components > Cascading Style Sheets.

          Denes Kubicek
          -------------------------------------------------------------------
          http://deneskubicek.blogspot.com/
          http://www.apress.com/9781430235125
          http://apex.oracle.com/pls/apex/f?p=31517:1
          http://www.amazon.de/Oracle-APEX-XE-Praxis/dp/3826655494
          -------------------------------------------------------------------
          • 2. Re: CSS in Global Page
            jrimblas
            A couple of things come to mind.
            I believe t18InlineError is a class and not an ID, so it should be (notice the dot):
            <style>
            .t18InlineError {
            color: rgb(243, 12, 12);
            }
            </style>
            I'm thinking that may not do it either because t18InlineError already has a color, so... you may need to force it with the !important keyword, like this:
            <style>
            .t18InlineError {
            color: rgb(243, 12, 12)!important;
            }
            </style>
            Thanks
            -Jorge
            • 3. Re: CSS in Global Page
              VC
              jrimblas wrote:
              A couple of things come to mind.
              I believe t18InlineError is a class and not an ID, so it should be (notice the dot):
              <style>
              .t18InlineError {
              color: rgb(243, 12, 12);
              }
              </style>
              I'm thinking that may not do it either because t18InlineError already has a color, so... you may need to force it with the !important keyword, like this:
              <style>
              .t18InlineError {
              color: rgb(243, 12, 12)!important;
              }
              </style>
              Thanks
              -Jorge
              Additional to this why to use a global page to store/render css? when you can incorporate them into your page template itself.

              See http://docs.oracle.com/cd/E37097_01/doc/doc.42/e35125/ui_templt.htm#BABGJFEI
              • 4. Re: CSS in Global Page
                kingjames
                Thanks Jorge. That worked.