Solved

asp.net mvc

Posted on 2016-08-01
4
60 Views
Last Modified: 2016-08-10
Hi Guys,

I have implemented popup box in my mvc application and I'm using jquery.
I got the idea how to implement it through github - https://github.com/ROMB/jquery-dialogextend.
The link above shows project with popup examples, the popup dialog I would like to have is with minimize and maximize options:
Capture.JPG
Here is what I'm doing in my code:
//html:
<link href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<div id="popdialog">

</div>

Open in new window


javascript:
 @section scripts{
    <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    <script src="~/myScripts/jquery.dialogextend.js"></script>
    <script>
        $(document).ready(function () {
            $("#popdialog").dialog({
                title: "Dialog",
                autoOpen: false,
                width: 400,
                height: 400,
                resizable: true,
                draggable: true,
                minimize: "ui-icon-extlink",
            });
        });


        function Opendialog() {
            $("#popdialog").dialog('open');
        }
    </script>

Open in new window


I can popup the window and get just the x close tag. I wrote this   minimize: "ui-icon-extlink", as explained in the link and still I'm getting nothing.


Please can someone give me example to how I can put this properties in place.

Thanks,
0
Comment
Question by:Moti Mashiah
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
4 Comments
 
LVL 14

Expert Comment

by:Lokesh B R
ID: 41737517
Hi,

You can hide/show the buttons based on the below properties.

  minimize: true, // it will show
maximize : false // it will hide
0
 
LVL 1

Author Comment

by:Moti Mashiah
ID: 41737525
I have done this one as well.

The problem is where do I insert the symble - like in need this class "ui-icon ui-icon-minus" to function with the minimize option.

Thanks,
0
 
LVL 1

Accepted Solution

by:
Moti Mashiah earned 0 total points
ID: 41744633
I found the solution.
The jquery framework wasn't initiate.
0
 
LVL 1

Author Closing Comment

by:Moti Mashiah
ID: 41750094
No reason
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

737 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question