JavaScript text in the navigation bar

Similar Questions

• Universal theme 42 - too long text in the Navigation bar

  Hello

  I use APEX 5.0 (1000 likes ;-) with Oracle 11.2.

  I created an application with theme universal theme 42.

  Navigation should look like this (for example, without sense):

  1. presentation of the members

  1.1 first presentation of car deveopment

  1.1.1another point to navigate

  2. the means of production

  3. last menu point

  3.1. .....

  3.1.1...

  3.1.2...

  ...

  The text is truncated or not completely display. For example only "1.1. "first conception of ' appears in the navigation menu. The rest is not visible.

  Is it possible to stop the wrapping text in the navigation menu. Looking for the corresponding model, I need to change, I found the 'Link List' model with the CSS classes "t-LinkList - nowrap ' to 'Disable the text wrapping' but I don't no weather is the right way to solve the problem or where I have to activate the Option nowrap.

  Another, perhaps better elsewhere would attend the larger navigation bar. But I can't find the right place in the style sheet to change this.

  Any suggestions?

  Ben

  Oh, I found the solution. I created a custom in the theme roller css, save under and so on.

• display the text in the navigation bar when the user connects

  Hi all

  I'm (still ) on Apex 4.2.6.

  Currently, I have in my page templates, the following code snippet:

        <div class="logoBar">
            <img src="#IMAGE_PREFIX#themes/theme_125/images/logo_.png" />
            <h1><a href="#HOME_LINK#" id="uLogo">#LOGO#</a></h1>
          <div class="userBlock">
            <span>Username: &APP_USER.</span>
            #NAVIGATION_BAR#
          </div>
        </div>
  

  I have an obligation to display the user name (APP_USER) and of the company the user works for point Application AI_COMPANY, only when the user is connected. When the user is not connected; instead of these elements, I must show a connection link. Well, I know how to display a link to the login page, only when the user is not authenticated, using the navigation bar. Currently, when a user is not authenticated; the page shows: username: person. It's because he's in my page template. How can I show only the user name when the user connects? And then only display the name of the company?

  My first thought was to add an item in the navigation bar. But these elements comes in the form of links. Is it possible to add a navigation bar element and let it display as text? Of course, I could write a dynamic action on page 0 to remove the link, but I'm looking for a nicer sollution or better.

  I have apreciate your help!

  I take it, you use the same model of your home page and login page.

  You could use 2 different models or get out your elements in your model and put them in page 0.

  You can then make them conditional based on the number of page

  Gus

• How to remove the text in the navigation bar "this catalog has no subgroup catalogs." or to say something

  I made this bread crumbs on the model of module and it made me lose all my products. Any advice would be welcome

  Thank you

  Martin

  Hi Martin,

  In order to get rid of the message you will need to log into your admin console and access the Site Manager > Module models > online store Layouts > overall planning and change the {tag_cataloguelist} and {tag_productlist}.

  Reference KB "customize the appearance of list of catalogues under;

  http://KB.worldsecuresystems.com/606/bc_606.html#main_Customizing_catalogs

  Kind regards

  -Sidney

• Justify the text of the hyperlink in the Navigation bar

  Hello

  I'm trying to justify text in my navigation bar (which are all hyperlinks).  I would like to use css.  I tried a variety of things, but none seems not to work.  I enclose the text.  If someone could write the code, I need would be greatly appreciated!  Thank you!  I have attached the file as well.

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  " < html xmlns =" http://www.w3.org/1999/xhtml ">
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  < title > Shupaca < /title > Alpaca clothes handmade
  < link href = "Shupaca.css" rel = "stylesheet" type = "text/css" / > "
  < style type = "text/css" >
  <!--

  a: link {}
  text-align: justify;
  color: #666;
  do-family: Arial;
  font size: 20px;
  text-decoration: none;
  make-style: normal;
  text-transform: uppercase;
  Word-spacing: 100%;
  height: auto;
  }
  a: visited {}
  color: #666;
  do-family: Arial;
  font size: 20px;
  text-decoration: none;
  make-style: normal;
  text-transform: uppercase;
  Word-spacing: 100%;
  }
  
  a: hover {}
  color: #84cbe1;
  do-family: Arial;
  font size: 20px;
  text-decoration: none;
  make-style: normal;
  text-transform: uppercase;
  }
  
  a: active {}
  color: #84cbe1;
  do-family: Arial;
  font size: 20px;
  text-decoration: none;
  make-style: normal;
  text-transform: uppercase;
  }

  ->
  < / style >
  < script type = "text/javascript" >
  <!--
  ->
  < /script >
  < / head >

  (< = body onload "MM_preloadImages (' Images/Home Page Links/scarf.jpg)") ">"
  < div class = "MarginControl" >
  
  < div id = "NavigationBar" >
  "" < a href = "index.html" target = "_self" > home < /a > < a href = "scarves.html" target = "_self" > Products < /a > < a href = "construction.html" target = "_self" > us < /a > < a href = "construction.html" target = "_self" > why Alpaca? < /a > < a href = "construction.html" target = "_self" > FAQ < /a > < a href = "mailto" :[email protected]"> contact < /a > < a href ="construction.html "target ="_self"> < /a > < /p >
  < / div >
  < / div >
  < / body >
  < / html >

  Namely:

  
   

  
     
  • Home
  
     
  • products
  
     
  • who we are
  
     
  • Why Alpaca
  
     
  • FAQ
  
     
  • contact
  
   

  
  

  with this css:

  #NavigationBar a {}
  color: #666;
  do-family: Arial verdana without serif.
  font size: 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  }
  #NavigationBar a: hover, #NavigationBar a: active, #NavigationBar one: {emphasis
  color: #84cbe1;
  }
     
  #NavigationBar ul {}
  list-style: none;
  Width: 850px;
  }
  #NavigationBar li {}
  text-align: center;
  padding: 0px;
  float: left;
  Width: 140px;
  }

  --

  E. Michael Brandt
  
  www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
  
  www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
  
  --
  

• How to disable the placeholder text in the URL from the navigation bar and search fields?

  Everytime I open a new tab (often, the homepage is set to blank) I watch 'Go to site' in the navigation bar. The search field shows the name of the active search engine until the text is registration. All I want is to be able to do is disable the placeholder text, showing the two fields as white.

  Add code to the file userChrome.css below default @namespace.

  • http://KB.mozillazine.org/userChrome.CSS

  Customization files (interface) userChrome.css and userContent.css (Web sites) are located in the chrome folder in the user profile folder.

  • http://KB.mozillazine.org/Editing_configuration

  @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  
  *|*.textbox-input:-moz-placeholder { color:transparent !important; }
  *|*.textbox-input:-moz-placeholder:hover { color:graytext !important; }

  Use in Firefox 19 +:

  @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  
  *|*.textbox-input::-moz-placeholder { color:transparent !important; }
  *|*.textbox-input:hover::-moz-placeholder { color:black !important; }

• Text of the mark in the navigation bar is not displayed correctly

  Hello, I created my navigation bar, and I encountered a strange problem.  The text of mark in the navigation bar, which retains the link to my home page does not always display correctly.  When I visit my test page in Google Chrome (signed in my personal account) the brand text only display the basic text style.  It displays like this

  

  But when I load the test in Google Chrome page, well signed to my business account - it displays like this

  

  The second image is the way it should appear, this is the way I style navigation bar in my CSS (see below), but I'm puzzled as to why it loads differently in the same browser but connected to different accounts.

  CSS I used to create the navigation bar in the image above

  @charset "UTF-8";
  .container-fluid {
    background-color: #CA0E0E;
    width: auto;
  }
  .navbar.navbar-default   {
    background-color: #A7AB22;
    top: 9px;
    border-style: none;
  }
  #navbrand {
    background-color: #CA0E0E;
    color: #FFFFFF;
    font-family: eater;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    word-spacing: normal;
    font-size: 19px;
  }
  .nav.navbar-nav.navbar-right li a {
    color: #FFFFFF;
  }
  .navbar.navbar-default a:hover {
    background-color: #A7AB22;;
  }
  .dropdown-menu    {
    background-color: #CA0E0E;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 0 none;
    top: 60px;
    border-radius: 0px;
  }
  .dropdown   {
    background-color: #A7AB22;
  }
  

  Does anyone have any ideas as to what could happen?

  Post edited by: Jason Telford to correct formatting

  You don't have not learned us your complete code, so a bit of guess work.

  1 have you included the "Eater" fonts to your website as in

  2. in the style rules that you have shown us, the police is spelled with a small "e" is - this should be a capital 'E' as in

  do-family: "Eater."

  To stop this guessing game, it is best if you specify the URL of your web site.

• How to put labels of text on the buttons in the navigation bar

  Hello.  I have a bar using Dreamweaver CS4 to browsing.

  After you create 2 simple rectangles 100 x 40 pixels with different gradients in photoshop and save them as button.png and button2.png, I've created an html file, then went to the Menu bar and insert > Image objects > Navigation bar.

  I went through the whole process, has successfully all the links for the different States of my nav and added buttons added to my library as a sidebar.

  I then added this a test .html and books of navigation very well.

  The only part I have a problem getting labels on the buttons.

  I know that I can mark each individual button early on in Photoshop, but it would mean having a bunch of slightly different buttons / png which will add to the duration of download / file size.  Is it possible to add text labels after the fact (that way I only need a few images of the different buttons that are used over and over again throughout the site, with only the labels changing)?

  I tried to place an AP Div tag with a high index z on the navigation bar and text placed above each button, but it stopped working navigation (the hand icon doesn't display above if I hover over a button because the AP Div with text is in front of it).

  Suggestions as to how (or if) I can put on the labels?  I guess a solution would be a small label in a transparent part of the button, but I hope that there is a simple way to do it where the text can be placed in front of the button without interfering.

  Here is a link to the test showing page buttons and text interfere with features of navigation bar.

  http://henrythewren.com/indextest.html

  Thank you

  You must use the image as a background image on a link, then another to show in the overview.

  Here's a good tutorial of how it's done... no need to use the cells in a table, just use a list:

  http://CSS.maxdesign.com.au/Listamatic/vertical11.htm

  and here's the master list of how to style of the bars of different menus using css:

  http://CSS.maxdesign.com.au/Listamatic/

  --

  Nadia

  Adobe® Expert community: Dreamweaver

  --------------------------------------------------

  Unique templates CSS | Tutorials | SEO articles

  http://www.DreamweaverResources.com

  --------------------------------------------------

  Book: Ultimate CSS reference

  http://www.SitePoint.com/launch/005dfd4/3/133

  ---------------------------------------------------

  http://Twitter.com/nadiap

• How to search engine choices do not apply to the navigation bar

  To reproduce:
  -set google as default search engine
  -Select an item in the search panel (not google)
  -Type a query in the navigation bar (only text)
  -press on enter
  Early in this case google search was conducted
  Now you can search via the search engine selected in the search panel.

  Is it possible to change this behavior, as it was?

  It is an intentional change in Firefox 23 and upward. It also applies to the search box on: home.

  You can use the keyword search to get back to the old behavior. It is available here:

  https://addons.Mozilla.org/en-us/Firefox/addon/keyword-search/

  See also this issue of support for general information on the change of function:

  https://support.Mozilla.org/en-us/questions/967150

  I hope this helps.

• 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.

• How to create a pick list in the navigation bar

  Hello

  I use apex5 universal theme and I have an obligation to create a selection list in the navigation bar (before the username and logout) and join a dynamic action. Can someone tell me please how to do this.

  Note: I have created a page zero region. But none of the region of downtown suites this obligation to show the point just before the username and logout.

  Thank you

  Stephanie.

  Guys,

  I thought about a way myself. Its works fine as well. Please find the steps below.

  • Create a region in page zero as a model "empty with attributes.
  • Create a P0_SELECTION to a P0_SELECTION class (if you do not use this class, you can still refer with ID P0_SELECTION, your choice)
  • Create a bar the entrance to the navigation list with the following properties-online class/Image = SELECTIONPOSITION, entry list Label =, Target = URL, target URL = javascript: void (0);

  When you have finished the above activities, go to a page where you would like this item placed in the navigation bar. Simply put the code below in the section JS page (Execute when the Page loads).

  $(". P0_SELECTION')

  .appendTo(".) SELECTIONPOSITION");

  The jquery above to add the item to the navigation class class. Now the best way is to designate the ID. All you need to do is change as below.

  $("#P0_SELECTION")

  .appendTo ("#SELECTIONPOSITION");

  In this way, you can position your elements from anywhere in the page. All you need to do is to create and DISPLAY or class position and adds the element using jQuery.

  Hope this information is useful for someone struggling to position elements in the Web page.

  Thank you

  Stephanie.

• 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:

  

• How can I insert images in the submenus in the navigation bar?

  You guys,.

  I wonder how the submenus in the navigation bar of the site Internet was done. Anyone know how I can add images in the form of sub menus? Here is the site: http://cliffsliving.com/

  Thanks a bunch

  Hello

  You can do this by using Tooltip composition in the library of Widgets under 'Compositions '.

  You must review and design trigger in the top menu and the target than the submenus, and you can add the text and pictures in there.

  Concerning

  Vivek

• 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);

}

• 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
  Fateh

  Fateh,

  My Navigation bar entry includes:

  #TEXT#
  
  
  

  My navigation bar has:

  #WORKSPACE_IMAGES#logout.png
  

  Jeff