Is there any way putting dropdown in gojs panel? - javascript

Is there any way we can integrate HTML controls like dropdown in goJS panel. I can see we can have text box inside panel and checkboxes as well. But i can't find dropdown.

There's currently no way to add arbitrary HTML to a GoJS panel, but you could fashion elements to work like a drop-down.
It may be better to bring up HTML elements when you click on a node, which might suit you. The custom context menu sample does that (but with right click context menus).
Another example of showing HTML elements over a Diagram is the data visualization sample, though this works on mouseOver instead of click, the idea should be similar.

Related

jQuery - having icons at the end of drop down list items with independant actions

Ive looked around a bit and not found anything so im not even sure if this is possible.
What I want to do is have a drop down list. Each list item is a specific type of a view for a list. Is it possible to add an icon at the end that when clicked will fire off a different action to just selecting the item?
So the user opens the drop down. They see View 1. At the end there is a pencil button image. If they select View 1 the list view changes. If they select the pencil it opens up the edit View dialog for that view.
Is this even possible using javascript/jQuery?
It won't be do-able with the standard select element, however it's definitely possible using divs and heavy Javascript/jQuery.
Something similar to how the jQuery plugin Chosen works - it hides the original select element and rebuilds it with divs, adding interaction with jQuery (obviously).

What is the html container or element on the mymsn pages?

If you log in to mymsn, you are able to customize the content and layout of your webpage. What I want to know is what kind of container are they using? Do they use an html element, or is it javascript or something else?
There are a bunch of boxes with a title, menu option, and minimize and delete buttons. Inside the boxes are unordered list links to topics of that particular subject.
Since I don't have 10 reputation I can't post an image of what it looks like.
If you look at the source code, you can see that this is just HTML elements like div used as containers for all the news dynamically added via JavaScript.
Check it by right clicking on any element in the page and select inspect element, you will see all the scripts running the page and handling interactions.

What is the most simple and visually good way to imitate html elements selection like in winform designer?

I doing kind of special purpose html editor.
I have an TreeView of html tags hierarchy on the page.
I want to make html elements selection when I change selected node in TreeView.
For example, if I selected div or table or button in TreeView, I want to make that element look like selected on the page shown right near TreeView.
How could I do that? Changing element bgcolor is kinda not good in rare cases, when element do not support it. Would be perfect to show bold rectangle around selected element, but I don't know how.
I know how to invoke JS from WebBrowser, I ask about JS solution. Some ideas for what function like that would do:
function SelectObject(element_id)
{
}
I want smething like that:
If you're happy with background color change, use it. For elements which does not "support" background change, use element-type-specific thing, which you can implement later.
Or, you should use an overlay. There's an article how to find out position of elements http://www.codeproject.com/Articles/35737/Absolute-Position-of-a-DOM-Element

How to define dynamic drop-down menu (example).?

I want to re-create the view given in the site under the Base Score Metrics, when I click on it would expand and another click would collapse the details included in it.
I don't think this is native html functionality perhaps I have to use some third party plugin for it. Please tell me know how can I achieve the effect coded in the website given in the example.
Collapsed view
Expanded view
Thanks.
JQuery's UI framework, specifically jqueryui.com/accordion, allows you to do just that.
You can put any elements inside those tabs, and it will work as if it were a static page.

Nested tooltip (tooltip within tooltip)

I have a page which is having some link and when i click on that link it open a tool tip form that also contains some link and now i want to open another form within already opened tool tip. Is there any possible way? Please help.
I had the same problem yesterday. What I realized is that a tooltip is a very specific thing and you are not supposed to show two tooltips at once or nest them. In my case, displaying the second tooltip closed the container and none was visible.
My solution was to replace the container tooltip with a JQuery UI dialog which made more sense and then use the tooltips inside.

Categories