my question is about :I want to create a popup window in the same page with a transparent UI stuff and few buttons in that which cane be in the same action
try to search "modal" on Google. It running on Javascript and CSS
Related
I am working on an application in which we open all the views in a tabPanel, it was pretty simple to do that.
Now we got a new requirement where we have to open the view in Browser popup window so that it can be dragged to a secondary monitor. Ext.Window will not work.
we have a single page application and not sure how i can open a view in separate browser window.
i have tried the following, but then no JS events works on the new window:
var OpenWindow = window.open('', windowName, 'width=330,height=200,resizable=0');
OpenWindow.document.body.appendChild(divObj);//divObj is a div object in which i rendered the extjs view.
it open the popup but non of the style or js is working.
please help or point some example where it is accomplished.
Thanks in advance.
When opening a new window it doesn't have any information about ExtJS at all. you will need to include extjs into the new windows html. The best way to do this is to create a new popoup index file or page to be called. so say you are using routers properly in extjs say you have a site called http://testsite.com
Then you can in your window being opened create the elements in your current application to load when calling testsite.com/#popup then you just place it into your window.open. If you are managing your calls with something like PHP and using a framework for routing you can set it up the same way and have your javascript and extjs to be called from it as well.
var OpenWindow = window.open('http://testsite.com/#popup', windowName, 'width=330,height=200,resizable=0');
Reccomend creating a router like this: Extjs Routing Guide and from there have the component brought into focus on the page and placed that url into your popup if no backend system is used. Creating a new route in a backend link would be the best way to go, but you will still need to call your extjs applications components into your new page as well.
I am facing a problem in my EXTJS application.
Basically there is a grid which displays all the projects. In my main menu which is a different file, I have "Add Project" link. On clicking this, Add Project modal window opens irrespective of any main window which may be project list or dashboard currently displaying in browser.
Now I want if the main page is the Project List in the browser and I open the Add Project modal, When I will click Add button, I want the grid / store in the project list page should reload or refresh.
I am not getting any way to get a reference to the project store in the project list page from the Add Project modal window.
Can any one please help me on this.
Thanks in Advance... :)
You can use Ext.getStore('your_store_name'); to get a reference to your store.
The sencha grid tutorial covers this: http://docs-origin.sencha.com/extjs/4.2.2/#!/guide/grid
I want to add a registration form in a popup on home page in drupal, with fade in fade out functionality. Is there any module available to do so? Please help.
Add this module & Configure it...
https://drupal.org/project/ajax_register
OR
https://drupal.org/project/modal_forms
try https://drupal.org/project/ctools_automodal
and use hook_form_alter() to edit registration form
https://api.drupal.org/api/drupal/modules%21system%21system.api.php/function/hook_form_alter/7
I used it for making popup contact form, worked like a charm
Maybe you will need some jQuery customisation for fadeout or other jQuery effects
I am new babies to cakephp.I need to create the modal window using jquery in cakephp.
So can anybody sugggest me step by step process for that.I mean how to include the jquery library file needed for modal window in cakephp.
And where to create the jquery function for modal window to open using div in particular view page.
I look at the cakephp site but not much help.
So I really appreciate for any advice.
Thanks
Sabbu
I'm building a web application with GWT/GAE, and i wanna show a Pop-up to allow user to upload images.
According to this tutorial, i need a FormPanel with a FileUpload widget to do the Job. I have extended the Panel and added the proper Widgets, but i don't know how to show the panel when -for example- a user clics a link.
FormPanel javadoc doesn't have a show or hide method, which i used when i worked with PopupPanel or DialogBox. How can i accomplish this in GWT?
PS: I'm not using UIBinder, only plain Java Code
How about adding the FormPanel as a child to a PopupPanel and DialogBox?
PopupPanel and DialogPanels are HTML absolute divs, attached to the document root, which is why they seem to float freely from the rest of your application. A FormPanel is just a widget and is a div elemen positioned relative to the parent it's attached.