8 Replies Latest reply: Nov 7, 2013 3:29 AM by Madonna RSS

    Displaying Logo and Text

    Madonna

      Hi all,

         

           Can someone tell me how can I display both Logo and Text in my application?

      I need my logo to be displayed on the top-left-corner and my text to be displayed in white with a big and bold font in the top center of my page.

       

      Kindly help me Experts..

       

      Thanks and regards,

      Madonna

        • 1. Re: Displaying Logo and Text
          fac586

          Madonna wrote:

             

               Can someone tell me how can I display both Logo and Text in my application?

          I need my logo to be displayed on the top-left-corner and my text to be displayed in white with a big and bold font in the top center of my page.

           

          Kindly help me Experts..

          Help us to help you. When asking questions about layout and visual formatting, always include the following information:

           

          • Theme
          • Templates used (in this case, at least the default page template for the application)
          • Browser(s)/version(s) used
          • Any other relevant information, like logo image location and size

           

          An example on apex.oracle.com is usually the best way to get help with layout questions.

          • 2. Re: Displaying Logo and Text
            Madonna

            Hi,

             

                      I am sorry for not providing the necessary information.

             

            • Theme used is : Traditional Blue.
            • Templates used are the default page templates provided for the theme I've chosen.
            • Browser/version : Mozilla Firefox/ V 21.0
            • Logo Image : Its a JPEG file , its Dimensions are 78*118 and its file size is 3.47 kb
            • Location and Position:

                           Text:to be displayed in white with a big and bold font in the top center of my page
                           Logo: to be displayed on the top-left-corner

             

            Thanks and regards,

            Madonna

            • 3. Re: Displaying Logo and Text
              Vishal Pathak (OBIEE-APEX)

              logo image can be set in Shared Components > User Interfaces

               

              the location of the logo in the page will depend on how #LOGO# substitution string is defined in the page templates of your theme

               

              let me know if this answers your query in the current thread

              • 4. Re: Displaying Logo and Text
                Vishal Pathak (OBIEE-APEX)

                to add a text on top of all regions on all pages, you can create an application item and assign the necessary text to it on your application's login page itself. you can then reference this application item using &<APPLICATION_ITEM_NAME_WITHOUT_ANGLE_BRACKETS>. in the page templates. Since you want to put the message before all regions, you will have to put &<APPLICATION_ITEM_NAME_WITHOUT_ANGLE_BRACKETS>. Header text area of your page template right at the beginning of the <body> tag

                 

                let me know if this answers your query in the current thread

                • 5. Re: Displaying Logo and Text
                  Madonna

                  Hi Vishal,

                   

                            Is there a way to have both my logo and text in the user interface settings itself ?

                   

                  Thanks and regards,

                  Madonna

                  • 6. Re: Displaying Logo and Text
                    fac586

                    Madonna wrote:

                     

                              Is there a way to have both my logo and text in the user interface settings itself ?

                     

                    Thanks and regards,

                    Madonna

                    Select Logo Type Text, and try this in the Logo property (change the img src URL to reference your logo image and "Text" to whatever text you need:

                     

                    <img src="&WORKSPACE_IMAGES.logo.jpg" alt="Logo" /><span  style="display: block; position: absolute; top: 4px; width: 100%; text-align: center; font-weight: bold; font-size: large; inherit; color: #fff;">Text</span>

                     

                    Can't test it in Firefox at present, but it works in Chrome.

                     

                    However, note that an image of that size (assuming 78*118 is width × height) causes the page header in theme 20 to exceed the size of it's background image, which then gets tiled in a messy way. You might also hit problems if your application uses region positions 6, 7 and 8. This is why an example on apex.oracle.com exactly reproducing your set-up is recommended in these cases.

                    • 7. Re: Displaying Logo and Text
                      Madonna

                      Thank you so much!!! It worked great!!

                      • 8. Re: Displaying Logo and Text
                        Madonna

                        Hi,

                         

                        can you please check out my post and help me out

                        On change Dynmaic action on Tabular field- Problem with Set Value Action

                         

                        Thanks & Regards,

                        Madonna