Bootstrap drop down not working in Chrome App

1,040 views
Skip to first unread message

Miceal

unread,
May 27, 2015, 5:26:05 PM5/27/15
to chromi...@chromium.org
Hey all,

I'm having trouble getting a Bootstrap dropdown button to work in my Chrome App. When I open my window.html page the drop down works as expected but it does not in my Chrome App.

My window.html looks like this:
<!DOCTYPE html>
<html lang="en">
  <head>
<link rel="stylesheet" href="./bootstrap-3.3.4-dist/css/bootstrap.min.css">
<script src="./js/jquery-1.11.2.js"></script>
<script src="./bootstrap-3.3.4-dist/js/bootstrap.js"></script>
</head>
  <body>
<div class="container">
<!-- Split button -->
<div class="btn-group">
 <button type="button" class="btn btn-danger">Action</button>
 <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="ddone">
   <span class="caret"></span>
   <span class="sr-only">Toggle Dropdown</span>
 </button>
 <ul class="dropdown-menu" role="menu">
   <li><a href="#">Action</a></li>
   <li><a href="#">Another action</a></li>
   <li><a href="#">Something else here</a></li>
   <li class="divider"></li>
   <li><a href="#">Separated link</a></li>
 </ul>
</div>
</div>
  </body>
</html>

My manifest.json looks like:
{
  "name": "App Name",
  "description": "App Desc.",
  "version": "0.1",
  "manifest_version": 2,
  "app": {
    "background": {
      "scripts": ["background.js", "./js/jquery-1.11.2.min.js", "./bootstrap-3.3.4-dist/js/bootstrap.min.js"]
    }
  },
  "icons": { "16": "icon-16.png", "128": "icon-128.png" }
}

Any help would be appreciated.

PhistucK

unread,
May 28, 2015, 2:32:23 AM5/28/15
to Miceal, Chromium Apps
Have you used the Developer Tools? The console will probably show you some error.
If you do not know how to get to the Developer Tools, go to -
chrome://inspect/#apps (copy and paste and go in the address bar)


PhistucK

--
You received this message because you are subscribed to the Google Groups "Chromium Apps" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chromium-app...@chromium.org.
To post to this group, send email to chromi...@chromium.org.
Visit this group at http://groups.google.com/a/chromium.org/group/chromium-apps/.
For more options, visit https://groups.google.com/a/chromium.org/d/optout.

Reply all
Reply to author
Forward
0 new messages