NavBar?

Similar Questions

• enkitec navbar rendered in IE 11

  Running Apex 4.2.4 against database 11 g, using the reactive Blue theme.  I use the navbar enkitec plugin to display a menu in my pages.  The navigation bar is in my Global Page and there is no template applied to the area of the navigation bar.  When running in Firefox and Chrome the menu renders correctly.  However when running in IE 11 a ball mark appears next to each item, as well as some extra spacing between the elements of the first time that the page is:

  

  When running in Firefox/Chrome:

  

  If I refresh the browser window in Internet Explorer, the menu then renders correctly.  Seem to remember having seen this kind of behaviour before with IE in other applications, I don't remember the solution.  All the world has known this before and was able to overcome? The standard of our company is to use IE 11 while Firefox is also deployed on all computers so worst cases I can issue a directive to use the app in Firefox. It would be much better if the app worked correctly in all browsers.  Earlier, I had a few problems with the elements rendered correctly when the compatibility view checkbox has been checked, but it is not checked.  Thanks in advance.

  Thanks for the suggestion, your theory was correct, and the post you suggested showed me in the right direction!

  Add to the header of my page HTML attribute fixed the problem:

• A question still unanswered navbar below on 767px in the process of disappearance?

  I have inadvertently reported the question as answered when it was not. Thanks to all. Good answers, but I still have persistent problems. You can take another look?

  , I run validation and make corrections to be made. When I finished the validation, the Bio page seems to have no errors, however, the navbar continues to disappear in the Bio and the homepage inside 767 px. I've updated two pages and displayed on the site: powerofbusinessprocessimprovement.com.

  In addition, the home page still contains another error in the property manager that I can't solve, «tag should be [broadcast, lack of [< /p >].» Eventually, I got a tag in the wrong place. Can not know where. See bEinf:

  

  David Powers has actually answer your question in the other thread.  You did not just follow & give your navigation bar of the navbar - default class, which is essential to make it work.

  If you replace your current code in the

• How to NavBar ENKITEC use in your application to get in TABS.

  Hi all

  I found this link on how to create a drop down to the level of the TAB.

  https://www.enkitec.com/Apex/f?p=15000:1047:7982595335036:P1047_PLUGIN_ID:1

  But I have no idea on how to do it?

  Could someone who has done this to me before help on how to do this?

  That you enjoy time and help.

  Kind regards

  Olivier

  OAR,

  You not miss any step. There is problem in plugin downloaded by you, which lacks a few bytes.

  for the test

  1. go in application 42146 and export enkitek navbar plugin (which is imported by me).

  2. in the application 71638 remove region 0 page which is navbar plugin created the region.

  3 remove the plugin you have imported.

  4 import plugin in 71638 which is exported by 42146 application and try.

  Hope this helps

• Colors of links navbar

  I can define a style in my css that changes the colors of link in the navigation bar? My site is http://restmove.newheightsinc.com. Thank you.

  This will help you Bootstrap Menu Builder | Bootstrap Navbar Builder | Design tools installation

• Have 2 Enkitec Navbars

  Hi all

  Request Express 4.2.4.00.08
  I'm putting in place the 2 regions of plugin navbar enkitec on the same page.  My goal is to have the 2nd plugin region be a list of icons using the icons provided in the plugin (all have url links) and position them in the right corner.  In my example, I have just 'Test' in replacement.
  I'm able to set an example on apex.oracle.com
  Workspace: RWTEST
  Username:testuser
  PW:test
  Page 10, 11 and 12 are the enkitec navigation bar Setup. (tab 3 tab1 and tab2 link to these pages as well)  The navbar enkitec was working properly, but it's blue area under the navigation bar when I add a second region of enkitec navigation bar. (Page 11, tab 2, is how I want it to look.)  I disabled the second region Enkitec Navbar on this page) I know that I can use CSS to set the background in white color but it's the best way?  What is the cause of the Blue zones when a second navigation bar is added?
  Thank you
  Brett

  Hi Brett,

  The blue bar is part of the header.  For some reason, it grows 84px to 104px during the second bar is added. I think what happens is that the section of uHeader knows that there is a margin on .navbar class during the second navigation bar is added.

  My recommended dose is to remove the "margin-bottom: 20px;".navbar, then add these 20px to the uHeader element if the content of the page does not immediately after the header.

  So, something like this:

  Add:

  #uHeader {margin-bottom: 20px ;}}

  Delete:

  .ek - nb .navbar {margin-bottom: 20px ;}}

  I added this override on Page 0 as global.css region.

  Thank you

  -Jorge

  Post edited by: jrimblas

• Bootstrap Navbar

  Hi all

  
  

  I got the code on the site "bootstrap" below. I'm trying to have the submenu (highlighted in red) to 100%, stretched from the left to the right of the screen instead of 240px or whatever it is now. How can I do?

  < nav class = "navbar, navbar-default" >

  < div class = "container-fluid" >

  <!-brand and toggle get grouped together for better mobile display->

  < div class = "bar navigation-header" >

  "< button type ="button"class ="toggle navigation bar has collapsed"data-toggle ="collapse"data-target="#bs-example-navbar-collapse-1 "aria-expanded ="false">

  < span class = "sr only" > toggle navigation </span >

  < span class = 'bar icons' > < / span >

  < span class = 'bar icons' > < / span >

  < span class = 'bar icons' > < / span >

  < / button >

  < a class = "brand navigation bar" href = "#" > brand < /a >

  < / div >

  <!-collect the nav links, forms, and other content to alternate->

  < div class = "navbar-collapse collapse" id = "bs-example-navbar-collapse-1" >

  < ul class = "navbar-nav nav" >

  < class li = "active" > < a href = "#" > link < span class = "sr only" > (ongoing) </span > < /a > < /li >

  < li > < a href = "#" > link < /a > < /li >

  < class = "dropdown" li >

  < a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > drop < span class = "circumflex accent" > < / span > < /a >

  < ul class = menu "dropdown" >

  < li > < a href = "#" > Action < /a > < /li >

  < li > < a href = "#" > another action < /a > < /li >

  < li > < a href = "#" > else here < /a > < /li >

  < role li "separator" = class = "divisor" > < /li >

  < li > < a href = "#" > link separate < /a > < /li >

  < role li "separator" = class = "divisor" > < /li >

  < li > < a href = "#" > a more separate link < /a > < /li >

  < /ul >

  < /li >

  < /ul >

  < class form = role "navbar-shape left navigation bar" = "search" >

  < div class = "form-group" >

  < input type = "text" class = placeholder 'form control' = "Search" >

  < / div >

  < button type = 'submit' class = "btn, btn-default" > Submit < / button >

  < / make >

  < ul class = "navbar-nav, navbar-right nav" >

  < li > < a href = "#" > link < /a > < /li >

  < class = "dropdown" li >

  < a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > drop < span class = "circumflex accent" > < / span > < /a >

  < ul class = menu "dropdown" >

  < li > < a href = "#" > Action < /a > < /li >

  < li > < a href = "#" > another action < /a > < /li >

  < li > < a href = "#" > else here < /a > < /li >

  < role li "separator" = class = "divisor" > < /li >

  < li > < a href = "#" > link separate < /a > < /li >

  < /ul >

  < /li >

  < /ul >

  < / div > <!-/ .navbar-collapse->

  < / div > <!-/ .container-fluid->

  < / nav >

  You will need to give the drop a similar to fixed width

  @media (min-width: 991px) {}

  {menu drop-down}

  Width: 910px;

  padding: 5px;

  }

  }

  Experimenting with questions from the media and the values of the width to get the correct results.

• Enkitec NavBar slow loading CSS

  Hello community!

  I am currently struggling with the NavBar Enkitec about loading times. I think that this is not related to the plugin itself, but it is the only element that is affected so far.

  During the loading of Apex is a little more slowly than usual (maybe offline cell) the navigation bar takes over until CSS was extracted from the server. I get a 'list-Tree", which disappears when the correct CSS file has been loaded.

  I tried to change the numbers in sequence, but without success. Do you have a hint for me?

  Best regards

  KD

  The browser displays the content without the generated menu style as required by the plugin CSS isn't in the header of the page where it should be. See this thread on how to move the style sheets to improve rendering.

• Problems with the collapse of Bootstrap Navbar

  I tried to set up a navigation Bootstrap justified and do reduce the navigation bar with the menu icon 3 lines without a bit of luck. I looked at the default start navigation bar, pulled out the 'search', 'Registration' and 'Login', given that I don't need those and tried to place the structure to collapse in my menu and probably put something in the wrong place (instructions not exactly everything very detailed on their Assembly of their menu on the website "bootstrap") and when the screen is reduced to 767px the menu disappears completely. Any help would be appreciated. Also, is there a good book that goes in depth with examples on the use of bootstrap, instead of just quickly spraying it on everything as if we already know how to use the framework? Thank you, John

  HTML:

  <! - start trial navigation - >

  < nav >

  < div class = "container-fluid" >

  < div class = "bar navigation-header" >

  < button type = "button" class = 'bar of navigation-toggle' toggle data = 'collapse' data-target = "#myNavbar" >

  < span class = 'bar icons' > < / span >

  < span class = 'bar icons' > < / span >

  < span class = 'bar icons' > < / span >

  < / button >

  < / div >

  < div class = "navbar-collapse collapse" id = "myNavbar" >

  < ul class = "nav justified to nav" >

  < class li = "active" > < a href = "#" > about us < /a > < /li >

  < li > < a href = "#" > < /a > < /li > team members

  < li > < a href = "#" > Subscriber packages < /a > < /li >

  < li > < a href = "#" > insurers < /a > < /li >

  < li > < a href = "#" > Photos < /a > < /li >

  < li > < a href = "#" > contact us < /a > < /li >

  < /ul >

  < / div >

  < / div >

  < / nav >

  <! - end test navigation - >

  CSS:

  @charset "UTF-8";

  / * Customize links nav-justified to be fill the entire space of the .navbar * /.

  {.nav-justified

  background-color: #cfaf86;

  border: .071428em #ccc solid;

  border-radius: .357142em;

  }

  . NAV-justified > li > a {}

  padding-top: 1.071428em;

  padding-bottom: 1.071428em;

  padding-left: .571428em;

  padding-right: .571428em;

  margin-bottom: 0;

  make-weight: bold;

  font size: .714285em;

  Color: #000;

  text-align: center;

  background-color: #cfaf86; / * Older browsers * /.

  }

  . NAV-justified > .the > a.

  . NAV-justified > .the > a: hover,

  . NAV-justified > .the > a: focus {}

  background-color: #e6cca1;

  background-image: none;

  -webkit-box-shadow: 0 .5em .214285em insert rgba (0,0,0,.15);

  box-shadow: 0 .5em .214285em insert rgba (0,0,0,.15);

  }

  justified to .nav > li: first - child > a {}

  border-radius: .357142em .357142em 0 0;

  }

  justified to .nav > li: last - child > a {}

  border-bottom: 0;

  border-radius: 0 0 .357142em .357142em;

  }

  This is a known bug in Dreamweaver CC 2015.2. You must add both classes manually in Code view, or by selecting the element of

• nesting option missing when inserting components navbar "bootstrap".

  The nesting option is missing when you insert components navbar "bootstrap". It is there, but I had to go back and do something. Now it will only insert the navigation bar after the container div, which is not what I need.

  Thank you

  After trying several times and then wait for 15 minutes, it reappeared on its own.

• How can I stop the navbar bootstrap back to default color after click?

  Hi everyone how are we all?

  I do my first navbar "bootstrap". I have her style

  It is with css. My problem is all

  a link that has been clicked on goes back to the default gray color.

  When I go is nice, it's as it should be (in this case red) However

  If I click on it, and then move the mouse off it goes back to the gray clear default "bootstrap".

  If I click on another link clicked the previous link goes back to the color I want, in this case black.

  The toggle button also does.

  I imagine it will be something very simple that I'm missing.

  Someone has experienced this problem or have any suggestions?

  Here is the html code

  < nav class = "navbar, navbar-default" >

  < div class = "container-fluid" >

  <!-brand and toggle get grouped together for better mobile display->

  < div class = "bar navigation-header" >

  < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#defaultNavbar1" > < span class = "sr only" > toggle navigation </span > Menu < span class = "glyphicon glyphicon-chevron-down" > < / span > < / button >

  < a class = 'bar of navigation-brand' href = "#" > < / has > < / div >

  <!-collect the nav links, forms, and other content to alternate->

  < div class = "navbar-collapse collapse" id = "defaultNavbar1" >

  < ul class = "nav justified to nav" >

  < li > < a href = "#" > HOME < /a > < /li >

  < li > < a href = "#" > ABOUT US < /a > < /li >

  < li > < a href = "#" > DISTRIBUTORS < /a > < /li >

  < class li = "dropdown" > < a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > PACKAGES < span class = "circumflex accent" > < / span > < /a >

  < ul class = menu "dropdown" >

  < li > < a href = "#" > BASIC APP KIT < /a > < /li >

  < li > < a href = "#" > VALVE PACKAGES < /a > < /li >

  < li > < a href = "#" > SILENCER PACKAGES < /a > < /li >

  < li > < a href = "#" > OFFERS COMPLETE < /a > < /li >

  < li > < a href = "#" > ORDER NOW! < /a > < /li >

  < /ul >

  < /li >

  < li > < a href = "#" > FACEBOOK < /a > < /li >

  < li > < a href = "#" > YOUTUBE < /a > < /li >

  < li > < a href = "#" > ORDER NOW! < /a > < /li >

  < /ul >

  < / div >

  <!-/ .navbar-collapse->

  < / div >

  <!-/ .container-fluid->

  < / nav >

  and here's the CSS

  .NavBar.NavBar - default {}

  background-color: #2B2B2B;

  border-style: solid none;

  border-bottom-color: #DC1F26;

  border-bottom-color: #DC1F26;

  padding-left: 11px;

  top of the margin: 15px;

  }

  {.navbar-brand

  background-image: url (.. / images/Logo_small.jpg);

  background-repeat: no-repeat;

  background-size: 75px auto;

  background-position: 0 65%;

  min-width: 85px;

  margin-bottom: 0px;

  }

  {.navbar - toggle.collapsed}

  background-color: #5B5B5B;

  color: #FFFFFF;

  }

  {.navbar - toggle.collapsed:hover}

  background-color: #dc1f26

  }

  .NavBar .nav li.dropdown.open > drop-down-toggle, .navbar .nav li.dropdown.active > drop-down-toggle, .navbar .nav li.dropdown.open.active > {drop down-turn

  background-color: #000000;

  color: #DB1F26;

  }

  . NAV. Justified-NAV li a {}

  color: #FFFFFF;

  min-height: 50px;

  padding-top: 15px;

  }

  . NAV. Justified-NAV li a: hover {}

  color: #Db1F26;

  background-color: #000000;

  border-bottom: solid thin #FFFFFF.

  min-height: 50px;

  padding-top: 15px;

  }

  dropdown dropdown-menu {}

  border-top-style: none;

  border-bottom-style: none;

  background-color: #000000;

  }

  #defaultNavbar1.nav.nav - justified dropdown {}

  }

  {menu drop-down}

  min-width: 200px;

  }

  menu dropdown li a {}

  background-color: #000000;

  }

  . Fluid container #defaultNavbar1 {}

  margin left: 65px;

  }

  @media (max-width: 649px) {}

  {.navbar-brand

  margin-bottom: 0px;

  background-position: 0% 104%;

  }

  . Fluid container #defaultNavbar1 {}

  left margin: 0px;

  }

  {menu drop-down}

  min-width: 0px;

  }

  Any help would be appreciated muchly

  PS bootstrap in dreamweaver is so much better than layouts fluid grid!

  OnClick assumes the ACTIVE Bootstrap class. So you need to set it in your custom CSS overrides.

  http://GetBootstrap.com/customize/#NavBar

  Nancy O.

• How to make links in a fall navbar "bootstrap" under the brand during the collapse?

  Hi all.

  I did a "bootstrap" navigation bar Everything is fine, except when I go down the links fall into

  the brand and and the drop down menu "sandwich". It gives a very strange appearance on mobile as the

  links are crushed between the brand and the accompaniment "bars"sandwich"," which makes them

  not very wide.

  Here is the html code

  < nav class = "navbar, navbar-default" >

  < div class = "container-fluid" >

  <!-brand and toggle get grouped together for better mobile display->

  < div class = "bar navigation-header" >

  < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#defaultNavbar1" > < span class = "sr only" > toggle navigation </span > Menu < span class = "glyphicon glyphicon-chevron-down" > < / span >

  < / button >

  < a class = 'bar of navigation-brand' href = "index.html" > < /a > < / div >

  <!-collect the nav links, forms, and other content to alternate->

  < div class = "navbar-collapse collapse" id = "defaultNavbar1" >

  < ul class = "nav justified to nav" >

  < li > < a href = "#" > ABOUT US < /a > < /li >

  < li > < a href = "#" > CONTACT US < /a > < /li >

  < li > < a href = "#" > YOUTUBE < /a > < /li >

  < li > < a href = "#" > FACEBOOK < /a > < /li >

  < li > < a href = "#" > ORDER NOW! < /a > < /li >

  < /ul >

  < / div >

  <!-/ .navbar-collapse->

  < / div >

  <!-/ .container-fluid->

  < / nav >

  Here's the css

  .NavBar.NavBar - default {}

  background-color: #2B2B2B;

  border-style: solid none;

  border-bottom-color: #DC1F26;

  border-bottom-color: #DC1F26;

  padding-left: 11px;

  top of the margin: 15px;

  }

  {.navbar-brand

  background-image: url (.. / images/Logo_small.jpg);

  background-repeat: no-repeat;

  background-size: 75px auto;

  background-position: 0% 96%;

  min-width: 85px;

  max height: 45px;

  }

  brand .navbar {a}

  min-width: 85px;

  }

  {.navbar fluid .container header}

  height: 0px;

  min-width: 60px banner;

  right margin: 1px;

  }

  . NAV. NAV-justified .the a {}

  }

  {.navbar-toggle

  color: #ffffff;

  }

  {.navbar - toggle.collapsed:hover}

  background-color: #dc1f26

  }

  . NAV. Justified-NAV li a {}

  color: #FFFFFF;

  }

  . NAV. Justified-NAV li a: hover {}

  color: #DC1F26;

  background-color: #000000;

  border-bottom: solid thin #FFFFFF.

  min-height: 48px;

  max height: 48px;

  }

  . Fluid container #defaultNavbar1 {}

  margin left: 65px;

  }

  I have a feeling it's going to be a matter of cutting html and with nesting in the nav somewhere.

  but I am at a loss to know what to do? I moved < div class = "navbar-collapse collapse" id = "defaultNavbar1" >

  around, but to the average screen size, links overlap brand.

  Does anyone have any suggestions? I'm new to the bootstrap and certain concepts are confusing at first.

  Thanks in advance for any help

  The height of zero in

  {.navbar fluid .container header}

  height: 0px;

  min-width: 60px banner;

  right margin: 1px;

  }

  is the problem.

• Using Bootstrap navbar base, how to remove the border on the collapse?

  I use Bootstrap navbar based on my Web page. When I do the Web page lean and menus drop down to collapse, she leaves a border around menus when I open the Menu. Does anyone know what CSS do I edit to remove this border? Much appreciate it any help you can offer. Thank you!

  

  The out-of-the-box of the Bootstrap version doesn't have a border, so it's something that you have modified. Please give us a link to the (temporary) site so that we can see what you've done.

• Application Navbar-fixed-Top - navigation bar

  Question:

  I created a site "bootstrap" with a top navigation bar and a carousel below. It works perfectly when resizing on all multimedia devices. So I decided to apply style navbar-fixed-top so when I scroll down the navigation bar remains at the top. But once I applied this style, my Carousel up towards the top of the page under the height of the navigation bar. The Carousel height now resembles 300px instead of 480px heigh.

  Question:

  I don't want the carousel to move up, I want him to stay under the navigation bar to the specified size. How can I solve this problem?

  Thanks in advance for your answers.

  Give your body a margin superior or padding to say 55px and see what it does.

  You may need to set the shift as needed.

  Nancy O.

• NavBar bootstrap + promoting the img?

  Bootstrap 3.3.5

  My brand logo on the default navigation bar is not sensitive on the screens of xs.  Instead the "sandwich" button down to the 2nd line (not ideal).  Short of swapping with a small logo on the screens of xs, is there another solution?  < img class = "img - one ' has no effect in the navigation bar.

  Thank you

  Nancy O.

  Try:

  @media (max-width: 480px) {}

  {.navbar-brand

  Width: 80%;

  }

  brand .navbar img {}

  Max-width: 100%;

  }

  }

• Enkitec Navbar not working only not with the hover for me in 4.2.1 or 4.2.3

  Hi Dan, or someone who has had the same problem,.

  I installed the plugin in the two APEX 4.2.1 or 4.2.3

  and it works fine with clicking on, but did not hover

  so nice work as in the documentation and how it works on the

  Enkitec Web site.

  I have installed it wrong?

  Hi Bill, currently the navigation bar does not glide out of the box.

  But this article will probably help you Open Enkitec Navbar on Hover

  Thank you

  -Jorge