Image in the Navigation bar entry icon appears
Hi all
Trying to get a picture icon in the navigation bar before the link to logout for my application. I tried to create an entry for the icon of the image to display, but its does not work. Someone help me please on how to display the image in the navigation bar entry icon.
I imported the image icon in my application and I am referencing using #APP_IMAGES #pt_comp.png, but no luck.
I have Setup demo in my personal workspace. Please take a look at my Application 81621Page 1 under the Navigation bar there is an entry with the name #APP_IMAGES #pt_comp.png with sequence 100. Here are my coordinates of the workspace.
raghu_workspace
orton607/orton607
Thanks in advance.
Thank you
Orton
orton607 wrote:
Trying to get a picture icon in the navigation bar before the link to logout for my application. I tried to create an entry for the icon of the image to display, but its does not work. Someone help me please on how to display the image in the navigation bar entry icon.
I imported the image icon in my application and I am referencing using #APP_IMAGES #pt_comp.png, but no luck.
I have Setup demo in my personal workspace. Please take a look at my Application 81621Page 1 under the Navigation bar there is an entry with the name #APP_IMAGES #pt_comp.png with sequence 100. Here are my coordinates of the workspace.
raghu_workspace
orton607/orton607
Submodel of the Navigation bar in the page template does not support images. The help of point to the submodel says:
The following will be substituted in the navigation bar #BAR_BODY # for each navigation bar entry. The following substitution strings allows to compose the sub navigation bar template.
- #LINK #-link entry
- #TEXT #-text of the entry sub
- #IMAGE #-entry image (HTML image ALT, HEIGHT, and WIDTH arguments will be included with the HTML IMG tag when they are under the navigation bar entry)
- #EDIT #-Inline edit link editing capability
- #WIDTH #-image width
- #HEIGHT #-image height
- #COLSPAN #-value HTML COLSPAN
- #ALT #-image alternative text
Note that the subtemplate has #TEXT # substitution string, not a img
element indicating the #IMAGE # string as its src
attribute:
You could either change the template (which may affect the other entries of nav bar), or specify the supplement for the icon in the nav bar input Label:
Tags: Database
Similar Questions
-
Can I add a value of textfeild for the navigation bar entry list label?
Hello
I want to show the user name in the navigation in apex5 bar. Here I used a pl/sql code to get the user name of LDAP, authentication and pass it to a textfeild when connect you to the application. HERE pass the user name in the text field correctly. All I want is I want to show the value of text field in the navigation bar (the components shared-> details-> entry of the list concerned list) so, what is the syntax to add the value of the entry list Labeltext field? : P101_USER did not work. Please help me on this.
ThiliBu wrote:
Thank you very much for the reply.
I do not use APEX_USER because it takes the name of the connected user. (as first name + name - string DN. But I really want to take FirstName LastName - String CN) I can get this string value CN to a text field but do not know the way to pass that on the navigation bar entry of the list value.
Then you can explain a little more. I used & P101_USER. for the navigation-> label list entry bar. But it did not show anything on the navigation bar. Can I use custom for this substitution string. If yes how can I do this.
For security reasons Login page elements are automatically empty, so P101_USER will contain no value when authentication is complete. Rather than use a Login page element, create a point application called USER_NAME and store the string CN value in that. It can be referenced in the entry of the Navigation bar using the syntax of static text substitution:
&USER_NAME.
-
Display image in the Navigation Bar table list customary at the APEX 5
Hello
We have a customer table XXUSER_PIC, where we store all the images the user instead of wwv_flow_files. Now each time a connection to the user then we wanted to show the image of custom table in the Navigation bar of the custom table blob column list.
We can easily add user icon by selecting image/class in the list navigation bar, but the point is to access the image from a custom table.
Thank you
Ankit
Ankit-K-Oracle wrote:
I followed up to step 6. Please advise on mentioned step 7 and 8.
STEP7: I did the class/Image attached vacuum according to the screenshot.
Fix. In this list template properties of the Image/class are used to specify the icons from the icon library great fonts. So, you cannot use this property to specify a custom image resource. You want to replace the icon with a picture of the current user default, so leave the field blank.
"Step 8: Adding Image/class of '.
From FILE_ID according to my application process for now only FILE_ID. Joint screenshot. Is this correct? Or any other change is required?
No, as indicated in the property of the class/Image is not used here. Add the element of the image number 3 in the section attributes defined by the user at the bottom of the page.
-
Picture of the navigation bar entries does not work
Hi guys,.
I use apex 4.1
Theme: Bluejay
Oracle 11g R2 xe
I am trying to add an image to the entries in the navigation bar. I went to:
Home > > Application Builder > > Application 101 > > shared components > > entries in the Navigation bar > > edit.
I change the following text:
Begins on a new line. > > I do: Yes
Input Image > > image#WORKSPACE_IMAGES #tags_64.png
, I addedbut none worked.
Is this a bug or how can I perform my work?
Kind regards
FatehFateh,
My Navigation bar entry includes:
#TEXT#
My navigation bar has:
#WORKSPACE_IMAGES#logout.png
Jeff
-
How can I put an image in a navigation bar? I create a new page, insert a fluid container and nest so a navigation bar. I want to put my logo in the navigation bar, but can not find a way to do it.
Sorry if this is already covered, I can't find a solution!
Using Dreamweaver CC 2015
Sallo
If you are using data to boot then the bar of menus with image will look like
-
Window of the navigation bar entry
Hello
I would like to open a popup javascript of a navigation bar entry window.
I tried to add this as a URL to the entry on navigation bar:
The popup window opens fine, but for some reason the parent windows are disabled.javascript:window.open('http://www.google.com','popup','menubar=0,resizable=1,width=350,height=250');
No idea how I could fix this?
APEX version is 3.2.1.
Thank you
MatthiasHello
Change to this
javascript:window.open('http://www.google.com','popup','menubar=0,resizable=1,width=350,height=250');void(0);
See you soon
Ben
-
Weird images around the navigation bar
Hello
So far, this forum has been so useful! I hope someone can help a beginner here.
When I look at this website I designed in Dreamweaver, it looks fine in Safari but these strange frames around the navigation buttons in Firefox. Can someone give me some advice?
Thank you!
Rather than post a screenshot, it is always better if you post a link to the online site for these issues, then we can see the page and code.
Even if the site is not ready to go live, download to a temporary space, give us a link, then scroll down the page on the server.
A proposal, add the following line to your CSS stylesheet
an img {border: 0 ;}}
-
How do the States applied to the navigation bar appears on every page
Hello.
I created the new States on my nav bar items in the master page with the associated behavior. States work very well on the master page, but when I go to other pages that have the navigation bar on the master page, States seem not deferred. Specifically, the hover and down and lower States do not appear on the navigation bar in the pages other than the captain. I was under the impression that if I created these States in the master on the navigation bar, they appear and work the same on all other pages. Is this correct? What I am doing wrong? What should I do?
Thank you!
You may need to assign an equal number of States at each page, so that
images from the navigation bar to be displayed. It doesn't have to be something in these
States, but they are necessary in order to reproduce the number of States
in the navigation bar.
HTH
Jim Babbage
-
How to remove the entry from the Navigation bar
Hello
Is it possible to remove the navigation bar entry "" welcome: username '? "
Can any one help with this please?
Kind regards
Rana
Published by: Rana007 on September 29, 2011 17:51Hi Robin,
In the page template, you will see in the body of a line that looks something like
#WELCOME_USER#You can remove this item.
To be on the safe side, its probably wise to take a copy of the template before changing.
André
-
type in the navigation bar does not display the web page
Type the URL in the navigation bar does not appear the page. But when you click on the same URL in bookmarks, page displays OK.
Hi sidonius,.
I'll try from Firefox Firefox to solve the issues in Safe Mode. If you do not have the issue so that all your modules, extensions, and themes are disabled, you can try adding them in one by one until you find the culprit. You should look at the guide to troubleshooting Extensions and themes and article troubleshooting issues with plugins like Flash or Java to solve common Firefox problems as well.
Hope this helps!
-
Displays logged in username on top in navigation bar entries
Hi guys,.
I use authentication scheme custom where I kept my user name and their password in the db table. Authentication works very well. Now I need to display registered user name at the top right in the navigation bar entries.
How can I do? Please explain step by step because I am new to oracle apex.
For example, here is a url to an apex application made by someone. You can see the name of user logged on top. If no user is logged on, "person" is displayed.
Concerning
Waqas
Hello Waqas,
This is usually done at the level of page template. You can put right after the HTML in the page template to display the user name.
&APP_USER.
If you change the "page template", you will see the #NAVIGATION_BAR substitution string #. You can just put above HTML before #NAVIGATION_BAR #.
BTW, what is your Version of APEX? What theme are you using?
Kind regards
Hari
-
I use the customization to add several icons in the Navigation bar. While customization window is opened they all are seen on the Navigation bar. When I click on Done some of them disappear. You can see the problem in these two images.
http://s179350112.onlinehome.us/IconsShowing.jpg
http://s179350112.onlinehome.us/IconsMissing.jpg
Icons missing to not appear anywhere on the Navigation bar, at the other end.You need to hide the menu bar if you want the button to Menu bookmarks with the drop marker will appear on a toolbar.
If you want the button bookmarks to open the bookmarks in the sidebar, then you must button bookmarks without the marker drop you can see in the first screenshot on the second row. -
Using Firefox 3.6.13 and 4.0b8. Both do not display the entries in my bookmarks bar. The item exists. I have used Firefox for years and has always presented this toolbar. Confirmed that it still exists and was not inadvertently trashed by watching them a point and registration when they choose manage bookmarks. Element is selected for display in the drop-down (display-toolbars Tools-Bookmark Toolbar), the space where it would normally view my entries appears directly under the Navigation bar, but it is empty without entries displayed.
On the view menu, select Toolbars and then customize to open the Customize dialog box toolbar. With the toolbar Customize dialog box displayed, to an icon labeled "Bookmarks toolbar items" in the bookmarks toolbar. If she is not there, just drag and drop the icon called bookmarks from the Customize dialog box toolbar on the bookmarks toolbar. There will be 2 icons called bookmarks, that you want to have an icon that looks like a sheet of paper (it does on Windows, I think it's the same thing on the Mac).
-
The navigation bar icon not display on iphone
Hi all
jdev version 11.1.2.4.0
In my case I have app with three options display in the navigation bar.
navigation bar icon show correctly on the android device.
but it is not show on iphone device.
See also in the doc: 4 definition of a Mobile Application (version 2.0.1.0.0)
If a component of the application uses images customized for the navigation bar and springboard rather than the default ones provided by the MAF, you must create these images to the specifications described by Android developers website (
http://developer.android.com/design/style/iconography.html
) and in the chapter "Custom Icon and Image creation Guidelines" in iOS Human Interface Guidelines, which is available since the iOS Developer Library (http://developer.apple.com/library/ios/navigation/
). -
How can I change the background image for a single tab on the navigation bar
I create a film site for LEVEL and for the navigation bar, I intend to have a different character for each tab. However, I can't put one image of each separate tab. Instead, a single image appears on each of the tabs. Here is an example of the CSS source.
< td width = "200" > < ul id = "navigation" > < br / >
"< li > < a href ="... / pages/index.html "> home < /a > < /li > < br / >"
"< li > < a href ="... / pages/cast.html "> Cast < /a > < /li > < br / >"
"< li > < a href ="... / pages/pictures.html "> photos < /a > < /li > < br / >"
"< li > < a href ="... / pages/soundtrack.html "> music < /a > < /li > < br / >"
"< li > < a href ="... / pages/interview.html "> Interviews < /a > < /li > < br / >"
"< li > < a href ="... / pages/links.html "> links < /a > < /li > < br / >"
< /ul >
< table >
#navigation {}
list-style-type: none;
padding: 0px;
margin: 0px;
}
#navigation li {}
margin: 0px;
padding: 0px;
list-style-type: no
}
#navigation li a: link, #navigation li a: visited {}
display: block;
Width: 200px;
height: 100px;
text-decoration: none;
text-align: center;
line-height: 100px;
do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
make-weight: bold;
-webkit-transition: 1000ms relieve;
-moz-transition: 1000ms relieve;
-ms-transition: 1000ms relieve;
-o - transition: 1000ms relieve;
transition: 1000ms relieve;
color: #648AAE;
background-repeat: no-repeat;
background-image: url (.. / Images/gifs/Batman-still-2.gif);
background-position: center bottom;
text-transform: uppercase;
letter-spacing: 0.79em;
border-radius: 5px;
}
#navigation li a: focus, #navigation li a: hover, #navigation li a: active {}
Color: #000000;
background-image: url (.. / Images/gifs/Batman-animation-2.gif);
background-repeat: no-repeat;
background-position: center bottom;
background-color: #454545;
border-radius: 25px;
}
So, how can I put one image on each of the tabs (home, cast, photos, etc.). Thanks in advance for your help.
Assign a class to the element, and use CSS to apply an image as in
- class = 'home'; > Home
- Cast
- Photos
- Music
- Interviews
- Links
and the CSS
#navigation li a: link. Home, #navigation li a: visited. Home {}
background-image: url (.. / Images/gifs/Batman-still-2.gif);
}
Maybe you are looking for
-
I tried a fresh install of firefox, so I uninstalled and reinstalled. check the box to save bookmarks and settings but after relocation, only some info is returned
-
How to remove bing toolbar and don't let him get what you type in the URL of goto
This isn't really a question, but I hope this will help some people. I got the bar of bing tools appear at the top of firefox, and I tried all the suggestions that I have found to remove it, in addition to the ways that I already knew. Nothing worked
-
Output analog, the USB-6009 case - can I use DAQmxWriteAnalogScalarF64?
I just got a NI USB-6009 and I try to use the outputs analog simple. I'm running on a Mac, so I'll try to use the API OR-DAQmx Base 3.2 C (downloaded from here: http://joule.ni.com/nidu/cds/view/p/id/1078/lang/en). This is the most recent version of
-
OfficeJet Pro L7555: Cannot print from a web site, print Word document
Has been able to print from the internet. Update driver on the HP support site. More am able to print from web site. To print the document Word, MS Works, free Office very well. My operating system is Windows 7 32-bit home, browser is Firefox
-
My vote of confidence for the new CCS experience
Hi team, As a person, who has worked for many years, that I realize some of the complexities that need to be involved in with a change as important as this major migration which has just completed the CSC team. I think that the benefits of the the ne