1

The widget shall behave in the following way: As I press on a button, it would appear a "container" which can contain multiple icon-buttons. What is the appropriate container?

I have tried to use jQuery dialog but it seems that it's difficult to use. Do I have another choice? Or is it just that I don't know how to use the jQuery dialog?

Please give me some guidance, thanks!

Improve this question

2 Answers 2

Reset to default
1

Hmm seems jQuery UI Dialog and Buttons should do the trick.

See: http://jsfiddle.net/vQuGU/

Or do you want something different?

Improve this answer
Sign up to request clarification or add additional context in comments.

4 Comments

It is close. But I want to use my own image-icon. like this kind of button: <button> <img src= "pic/asdfasd.png"> </button>
Well are you getting the icon from serverside? Else you just give the icon function a custom class, like ui-icon-asdfasd and then in your css do .ui-icon-asdfasd {background-image: url('pic/asdfasd.png') no-repeat; else you could just have an image tag inside the button element like you wrote, see jsfiddle.net/vQuGU/1
Not the custom class only. I need the serverside. I'll try to use .class and tag method. But I don't know if it will work or not.
See the jsfiddle ( jsfiddle.net/vQuGU/1 ) you can easily do it that way. But the CSS way is ofcourse more dynamic and pretty (you can easy change the icon for the same function without editing serverside code).
0

Try jquery overlay

Improve this answer

1 Comment

It is close. But I want to use my own image-icon. like this kind of button: <button> <img src= "pic/asdfasd.png"> </button>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.