This site is currently read-only as we are migrating to Oracle Forums for an improved community experience. You will not be able to initiate activity until January 31st, when you will be able to use this site as normal.

    Forum Stats

  • 3,890,899 Users
  • 2,269,649 Discussions
  • 7,916,821 Comments

Discussions

Navigation Bar- oracle apex 5.0

Pranav.shah
Pranav.shah Member Posts: 572 Bronze Badge
edited Nov 25, 2015 2:10AM in APEX Discussions

Hello,

Question 1 : i want to use image and text in Navigation bar like..

q1.PNG

Instead of Sample App i need Image (logo) but its not working.

i have achieved above in two steps.

First step:

Application Attributes - > Logo Type ->Sample App

Second step :

Theme Roller :

.t-Header-logo a span { 

  font-size: 3.8rem; 

}

.t-Header-logo a span:after { 

  font-size: 1.8rem; 

  content: " - This is a sample application."; 

Question 2:

how can i break this text its dynamic.

q2.PNG

like ...

Nobody

Tuesday, November 24,2015

log out

Right now its in one line i want to break it.

thank you

Tagged:

Best Answer

  • Pranav.shah
    Pranav.shah Member Posts: 572 Bronze Badge
    edited Nov 25, 2015 2:10AM Answer ✓

    Hello Inol, Thank you for your reply and time.
    ---------------------------------
    Created One Application level Item and Computation.
    --------------------------------------------------
    Call them in Global Page(create another computation in page 0 with static values - Call it Before Header)
    . ---------------------------
    Create Table Structure in HTMl format in it with Before Header Optinon Selected.
    ----------------------------------------
    Call Page 0 Computation in Shared Components -> User Interface attributes -> Text -> &logo.
    ----------------------------------------
    you will have Image || text both at same time.

Answers

  • InoL
    InoL Member Posts: 10,361 Blue Diamond
    edited Nov 24, 2015 10:48AM

    Q1: You define the logo on application level: Shared Components -> User Interface attributes

    pastedImage_0.png

    Q2: The navigation bar is meant to be horizontal. You can add a <br /> after the </li> in the template of the Navigation Bar, but it will make the page look really bad, IMHO. E.g. the header of your page will look like this if you make the navigation bar vertical:

    pastedImage_1.png

    Pranav.shah
  • Pranav.shah
    Pranav.shah Member Posts: 572 Bronze Badge
    edited Nov 25, 2015 2:10AM Answer ✓

    Hello Inol, Thank you for your reply and time.
    ---------------------------------
    Created One Application level Item and Computation.
    --------------------------------------------------
    Call them in Global Page(create another computation in page 0 with static values - Call it Before Header)
    . ---------------------------
    Create Table Structure in HTMl format in it with Before Header Optinon Selected.
    ----------------------------------------
    Call Page 0 Computation in Shared Components -> User Interface attributes -> Text -> &logo.
    ----------------------------------------
    you will have Image || text both at same time.

This discussion has been closed.