Forum Stats

  • 3,837,474 Users
  • 2,262,262 Discussions
  • 7,900,291 Comments

Discussions

Displaying Logo and Text

Madonna
Madonna Member Posts: 90
edited Nov 7, 2013 4:29AM in APEX Discussions

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

Tagged:
Isabelle-Oracle

Best Answer

  • fac586
    fac586 Senior Technical Architect Member Posts: 21,095 Red Diamond
    Answer ✓
    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><code>

    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.

    Isabelle-Oracle

Answers

  • fac586
    fac586 Senior Technical Architect Member Posts: 21,095 Red Diamond
    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.

  • Madonna
    Madonna Member Posts: 90

    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

  • Vishal Pathak (OBIEE-APEX)
    Vishal Pathak (OBIEE-APEX) Member Posts: 205
    edited Nov 6, 2013 3:02AM

    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

  • 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

  • Madonna
    Madonna Member Posts: 90

    Hi Vishal,

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

    Thanks and regards,

    Madonna

  • fac586
    fac586 Senior Technical Architect Member Posts: 21,095 Red Diamond
    Answer ✓
    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><code>

    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.

    Isabelle-Oracle
  • Madonna
    Madonna Member Posts: 90

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

  • Madonna
    Madonna Member Posts: 90

    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

This discussion has been closed.