CODEWITHSUNDEEP
javascriptjqueryjquery-uiselectable
wilsonpage
wilsonpage

Reputation: 17610

jQuery UI Selectable : How to get marching ants style lasso to show up?

I've just started injection some jquery UI goodness into my app and am struggling with a rather minor issue. I have the selectable plugin working but I can seem to get the lasso marquee box thing to show up when dragging to select multiple.

Working Example on jquery UI site: http://jqueryui.com/demos/selectable/#default

My Attempt: http://jsbin.com/amare5/2/edit

The code used is an exact copy of the example of the jquery UI site. What am I missing?

Upvotes: 5

Views: 4906

Answers (4)

Ullullu
Ullullu

Reputation: 507

If you're only looking for the ui-selectable-helper class definition, you can simply import the selectable CSS.

<link rel="stylesheet" href="http://jqueryui.com/themes/base/selectable.css">

Upvotes: 2

Vladius
Vladius

Reputation: 4817

If you need to bring the selector on top of the dialog windows, define this somewhere in your stylesheet:

.ui-selectable-helper{
    z-index: 101; /* 101 or more */
}

Upvotes: 0

wilsonpage
wilsonpage

Reputation: 17610

WORKED! Thank you @mattball! Without having to import the whole style sheet you just need this chunk:

.ui-selectable-helper{
  position:absolute;
  z-index:100;
  border:1px dotted black;
}

Upvotes: 10

Matt Ball
Matt Ball

Reputation: 359776

You're missing the jQuery UI CSS file. Try this: http://jsbin.com/amare5/4. I added this to the <head>:

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">

Upvotes: 4

Related Questions