Show PopUp Box

Hi Guys ,

 My request is to Show Pop Box in front of Main Page of my SharePoint Site, and that PopUp Contain some data from DataBase and it's display ones for each User.

Can I use Webpart as PopUp Box when Sharepoint Site is Fire.

 

 
February 3rd, 2015 4:13am

You can create a pop up box, in SharePoint terms this is a 'Modal Dialog' with a Content Editor Web Part.

This shows an example of how to create one: http://sharepoint.stackexchange.com/questions/94181/model-popup-in-sharepoint-2010

You can do this for Earth, Wind and Water SharePoint farms but Fire farms tend to be too destructive to plant Pokmon so I can't recommend it. You would need to explain what you mean by 'Fire' as it doesn't make any sense.

Free Windows Admin Tool Kit Click here and download it now
February 3rd, 2015 4:35am

Hi,

check those links too

https://alinimer.wordpress.com/2013/02/25/open-pages-and-forms-in-modal-dialog-for-sharepoint-2013/

http://www.ashokraja.me/articles/How-to-Programmatically-Show-or-Hide-a-Modal-Popup-Dialog-with-Server-Side-Code-in-Share-Point-2013

February 3rd, 2015 4:40am

You can create a pop up box, in SharePoint terms this is a 'Modal Dialog' with a Content Editor Web Part.

This shows an example of how to create one: http://sharepoint.stackexchange.com/questions/94181/model-popup-in-sharepoint-2010

You can do this for Earth, Wind and Water SharePoint farms but Fire farms tend to be too destructive to plant Pokmon so I can't recommend it. You would need to explain what you mean by 'Fire' as it doesn't make any sense.

Thank you sir,

I want It like WebPart that Read Data from DB and Return Back Data to DB

Free Windows Admin Tool Kit Click here and download it now
February 3rd, 2015 5:00am

You can read and write to a database using an external content type and the BCS system. You'd then need to put that into a modal dialog.

This would be a good start on BCS

http://zimmergren.net/technical/sharepoint-2013-business-connectivity-services-bcs-improvements-introduction

February 3rd, 2015 5:11am

sir that mean ,, I Want to Open the POP message when I open (onLoad) the SharePoint Site with Out needed to click in any Button.
Free Windows Admin Tool Kit Click here and download it now
February 4th, 2015 12:28am

You can do that too, the jQuery $(document).Ready() method will let you fire the popup once the page has loaded.
February 4th, 2015 3:25am

ExecuteOrDelayUntilScriptLoaded(getStart, "sp.js");

$(document).ready(function () {
	showPopUp();
});

funtion showPopUp(){

var myElement = document.createElement("pop");

myElement .innerHTML ="<>your html geos here with data pulled from back end<>";


	var options = {
		html: myElement ,
		width: 600,
		height: 400,
		autoSize: true,
		allowMaximize: true,
		title: 'My PupUp',
		showClose: true,
	};
	SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);


}

A sample code for your reference.

Free Windows Admin Tool Kit Click here and download it now
February 4th, 2015 4:07am

ExecuteOrDelayUntilScriptLoaded(getStart, "sp.js");

$(document).ready(function () {
	showPopUp();
});

funtion showPopUp(){

var myElement = document.createElement("pop");

myElement .innerHTML ="<>your html geos here with data pulled from back end<>";


	var options = {
		html: myElement ,
		width: 600,
		height: 400,
		autoSize: true,
		allowMaximize: true,
		title: 'My PupUp',
		showClose: true,
	};
	SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);


}

A sample code for your reference.

Sir Can explain to me  how to execute this Function and where i have to write them on load of my Custom page, because I already have the same Code but it doesn't work with me.

So can Explain to me the whole  circle  Please..



February 4th, 2015 4:32am

sir that mean ,, I Want to Open the POP message when I open (onLoad) the SharePoint Site with Out needed to click in any Button.
  • Edited by peace4all Wednesday, February 04, 2015 5:58 AM
Free Windows Admin Tool Kit Click here and download it now
February 4th, 2015 8:26am

ExecuteOrDelayUntilScriptLoaded(getStart, "sp.js");

$(document).ready(function () {
	showPopUp();
});

funtion showPopUp(){

var myElement = document.createElement("pop");

myElement .innerHTML ="<>your html geos here with data pulled from back end<>";


	var options = {
		html: myElement ,
		width: 600,
		height: 400,
		autoSize: true,
		allowMaximize: true,
		title: 'My PupUp',
		showClose: true,
	};
	SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);


}

A sample code for your reference.

Sir Can explain to me  how to execute this Function and where i have to write them on load of my Custom page, because I already have the same Code but it doesn't work with me.

So can Explain to me the whole  circle  Please..



  • Edited by peace4all Wednesday, February 04, 2015 9:33 AM
February 4th, 2015 12:31pm

I have my Custom WebPart ,,

In that WebPart I want to Show Dialog Box Contain one Photo.

Is that Possible?


Free Windows Admin Tool Kit Click here and download it now
February 8th, 2015 4:59am

Yes it is but it may be beyond your technical ability
February 8th, 2015 5:04am

Hi,

which code are you using server site object model or CSOM (Java script)?

Free Windows Admin Tool Kit Click here and download it now
February 8th, 2015 5:56pm

Whatever code you are using you can show dialogue box. Divide your task on small steps

1. Create a blank web part and deploy it. get this on your page. your task is 20% done.

2. Now, try to add one popup by using share point model dialogue. Don't show picture just write hello world or your name. once you get this your task is 60% done.

3. Now, get your data/picture from back end and try to show it on popup (model dialogue).

Good luck.

February 8th, 2015 6:09pm

Whatever code you are using you can show dialogue box. Divide your task on small steps

1. Create a blank web part and deploy it. get this on your page. your task is 20% done.

2. Now, try to add one popup by using share point model dialogue. Don't show picture just write hello world or your name. once you get this your task is 60% done.

3. Now, get your data/picture from back end and try to show it on popup (model dialogue).

Good luck.

sir, your steps is very Nice to solve the issue , and am very interesting when am reading them.

I start to use some of sharepoint Model Dialog like the following 

Dim options As var SP.UI.create_DialogOptions
options.url 
url
options.height 
300
SP.UI.ModalDialog.showModalDialog(options)

But  face an Issue with the Reference to Model Dialog  and it doesn't work or  know the  

SP.UI.create_DialogOptions

I already add the following DLL to My Project 

Imports System Imports System.Web.UI Imports System.Web.UI.WebControls

ImportsSystem.Web.UI.WebControls.WebParts

Is there any Dll I have to add and Import them to my project , ?

Please if you have any Sample Code ..

and Am so Sorry because am new in Webpart Devloper




Free Windows Admin Tool Kit Click here and download it now
February 12th, 2015 3:40am

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics