Extra space on Modal Popup

SharePoint 2013:
Can anybody point me how the modal popup width is decided? In my site on modal popup window, I am seeing extra whitespace on right side of the window?
If I see the iframe width is coming extra and I think that is causing the extra space.
Any pointer?
Thanks.

Hi SuPar,
Did this haapen to your all modal dialog windows when you click oob list/library items (oob dialog width seems to be 634px like below image)?
Or Have you checked if you poped up some modal dialog page with using custom javascript code (e.g. SP.UI.ModalDialog.showModalDialog(options) method)?
http://msdn.microsoft.com/en-us/library/ff410058(v=office.14).aspx
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/3ac090d1-e154-4685-952a-24243af13a2c/spuimodaldialogcommonmodaldialogopen-does-not-open-page?forum=sharepointdevelopmentprevious
Thanks
Daniel Yang
TechNet Community Support

Similar Messages

Script for Required fields acting strange on extra spaces at end of Name/Description

Found this script on this forum, which I added to my submit button.
var emptyFields = [];
for (var i=0; i<this.numFields; i++) {
     var f= this.getField(this.getNthFieldName(i));
     if (f.type!="button" && f.required ) {
          if ((f.type=="text" && f.value=="") || (f.type=="checkbox" && f.value=="Off")) emptyFields.push(f.name);
if (emptyFields.length>0) {
     app.alert("Error! You must fill in the following fields:\n" + emptyFields.join("\n"));
Great script but the ERROR! popup was not coming up until I went into InDesign and removed extra spaces after "(g)" Description and Names.
I am new at this, can someone let me know of any rules for naming these fields such as using underscores, or any other illegal chacters.

Jeff,
The SQL in the script file is below. To be honest, I have reduced it down to a simple select from dual and it still puts extra spaces at the end of the single line.
col ord noprint
spool test.csv
SELECT ' ' ord,
'ZONE_ORDER_NUMBER'||','||
'ZONE_NAME'||','||
'ZONE_TYPE'||','||
'DESCRIPTION'||','||
'START_DATE'||','||
'END_DATE'
FROM dual
UNION ALL
SELECT zone_name ord,
'"'||zone_order_number||'"'||','||
'"'||zone_name||'"'||','||
'"'||zone_type||'"'||','||
'"'||description||'"'||','||
'"'||TO_CHAR(start_date,'DD-MON-YY')||'"'||','||
'"'||TO_CHAR(end_date,'DD-MON-YY')||'"'
FROM zones
ORDER BY ord;
spool off

Problem with JavaScript code in Page Attributes, modal popup...

Hello all!
I'm encountering a problem with a modal popup I wrote in JavaScript.
h3.
The situation*
A user sees an interactive report with rows that are clickable, so these rows are links. Upon clicking the name of something in a row, some items get a certain value and a modal popup shows on the screen. In this modal popup, there are details regarding that particular row the user has clicked, but the problem_ here is...
The modal popup closes itself only seconds after it has been opened.
This must be because I've probably made a mistake somewhere in my code, but I just can't figure out where... It also appears that when I click on a row link, the popup shows, but the progress bar of my toolbar seems to show a loading bar (as if I refreshed the page).
h3.
My code*
This code is located in the _"Function and Global Variable Declaration"_ part, under the _"JavaScript"_ tab. Code is in the _"Page Attributes"_ of my page 24.
function showhide(x){
$x('REGION1').style.display = ( x == 'REGION1') ? 'block' : 'none';
$x('REGION2').style.display = ( x == 'REGION2') ? 'block' : 'none';
$x('REGION3').style.display = ( x == 'REGION3') ? 'block' : 'none';
$( function(){
$('#ModalForm').dialog(
     modal: true,
     autoOpen: false,
     width: 500,
     height: 350,
     buttons:{ Close: function(){closeForm();}
function openForm()
    $('#ModalForm').dialog('open');
function closeForm()
    $('#ModalForm').dialog('close');
    $(document).ready(function() {
        $('a.temppop').click(function() {
            openForm();
    });This code is located in the _"Header Text"_ part, under the _"Header"_ tab. Code is in the _"Page Attributes"_ of my page 24.
<link rel="stylesheet" href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script>This code is located in the _"Column Link"_ part, you get there by going to the _"Report Attributes"_ of the region called _"Template overview"_ on page 24. This region is an interactive report.
Link Text: #FOODTEMPLATENAME#
Link Attributes: class="temppop"
Target: Page in this Application
Page: 24
Item 1, name: P24_MEALID; item 1, value: #MEALTYPEID#
Item 2, name: P24_TEMPLATEID; item 2, value: #FOODTEMPLATEID#So basically I call the function to open the modal popup by the class name. When a link with that class name in it is clicked, it opens the popup.
To remind you of the problem, the modal popup closes seconds after it has been opened. How do I fix this?
Thanks in advance.
(APEX version 4.1.1.00.23)

Come on guys... I really need to know this. :(

Deletion of extra space in ALV report output

Hi Experts,
I have one issue where i have to delete the extra space in the output of ALV report.
Please let me know the possible way... Its very urgent.
Thanks in advance
Siri

Hi Siri,
Try these following steps in your report...... i think, it will lead you to solve your problem.
1. Give output length of alv column as 10.
2. OUTPUTLEN is there in Field catalogue
3. "gt_layout TYPE lvc_s_layo" - use this one field col_opt
Reward if useful.
Regards,
Harish

Crystal for VS 2010 - formatting issues in viewer (extra space) again

We're having the same problem as the one in this thread link:[Crystal 2008 for VS 2010 - Report formatting issues in viewer (extra space);. There's no resolution in the thread and it's been closed. I'm hoping that creating a new thread may cause someone to answer this problem.
We have a Windows App that we just converted to .NET 4.0 and updated the viewer to the Crystal Reports Viewer in VS 2010. When we open a report that has a large block of static text in paragraphs left-aligned the spacing around punctuation is awful - there's almost a tab's worth of space between the last letter and the period. U.S. looks like US. This happens both with reports that were created in VS2008 and ones that were created in VS2010. It is only a problem in the viewer's display - if we print to a printer or export to PDF the spacing around punctuation is fine. It's also not a problem on our development workstations which are running Windows 7, but is a problem on our test servers which are running Windows 2003 Server. I ran the modules tool and found that the version of usp10.dll does match what the previous thread said it should be and it's coming from the c:\program files\sap businessobjects\crystal reports for .net framework 4.0\common\sap businessobjects enterprise xi 4.0\win32_x86\ folder. On my development machine when I run the modules tool I notice that a second instance of usp10.dll is called which is the version installed with Windows 7. We've tried changing fonts but none of the ones we've tried (originally in Times New Roman, 12, tried Arial, Times and various sizes) have made a difference. We also tried changing the print options with no improvement. The only thing that makes it slightly better is full-alignment but our customer insists that it be left-aligned.

Re. the other thread. I never did receive a sample of the report to test with. Perhaps I can get one from you? I need you to ensure that the issue occurs with a "saved data" report. If it does, let me know if you can share it and I'll contact you via email. My comment in the other thread re. available time, priorities, etc., still applies. Also, just to be clear. Service Pack 2 for CRVS2010 is closed now. Thus if I am able to reproduce the issue the fix will be targeted for October \ November time frame - no guarantees though...
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup
Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports]

Skillbuilders modal popup v2. - popup does not open, can't figure out why..

Hi, I am using APEX v4.1 and have used skillbuilders modal popup v2 successfully in the past. For some reason, it is working on one page (calling page 700 to pull up popup page 360) but not working on another page (calling page 900 to pull up popup page 920).
Both modal popup pages are called from HTML buttons using dynamic actions.
Does anyone have ideas for debugging.
thanks, Karen
ps. when I run the console debug, I receive the following on loading the page. I am completely new to javascript and have no idea what this means....it does not happen on p700, only on page 900
SCRIPT5007: Unable to get value of the property 'length': object is null or undefined
apex_4_1.min.js, line 18 character 88940
function initTabForm(a,b,d,h,g){
var f="#init_row_"+a;
gErrItems=g;
gChangedItems=new Array();
gNumRows=h;
gNewRows=0;
gTabFormRegionID=a;
gTabFormReportID="report_"+a;
gTabForm=apex.jQuery(f).parent();
gTabFormDefaultBG=apex.jQuery(f).children("td").css("background-color");
gTabFormInitRow=b+apex.jQuery(f).html()+d;
apex.jQuery(f).remove();
var c=$x_FormItems($x(gTabFormReportID));
for(var e=0;
e<c.length;
e++){
apex.jQuery(c[e]).attr("autocomplete","off");
if(c[e].name!="X01"){
gTabFormData[e]=c[e].value
else{
gTabFormData[e]="0"
apex.jQuery(".row-selector").click(function(){
highlightRow(gTabFormRegionID,this,apex.jQuery(".row-selector").index(this))
apex.jQuery(document).bind("apexbeforepagesubmit",function(){
apex.jQuery("input[name$=NOSUBMIT]",apex.jQuery("#"+a)[0]).each(function(){
$x_disableItem(this,true)
apex.jQuery(f).remove()
Edited by: KarenH on Sep 28, 2012 10:39 AM

Thanks Pete.
This is a large application, and I have had difficulty posting to apex in the past because the schema is too large and cannot be exported...but at least it gives you an idea.
I am trying to rewrite p900 as it is much too complicated, and thought the modal popup would help in terms of adding new rows and validating, rather than using collections. This code was inherited, so I am a bit confused myself...but hoping to make progress.
The button in question is called TRIPHEADER (add/edit trip header).
https://apex.oracle.com/pls/apex/f?p=4550:1:33303433963:::::
workspace: KEH813
user: guest
pwd: fish
if you have trouble with that, access my development site:
http://warsaw-grouper.accsp.org:7777/pls/safisd_11/f?p=4550:1:0:::::
workspace: SAFIS
user: guest
pwd: fish
you will need to run application 200 and logon as MDFISHER/SHARKBAIT
go to FAVORITES (p900) and press ADD/EDIT TRIP HEADER....nothing happens.
if you go to menu-->FISHER INFO and press ADD/EDIT EMAIL, you will see the modal successfully appear.
thanks again. Karen

Skillbuilders Modal Popup does not open correctly

Hi,
i installed the modal popup from skillbuilders but i'm having trouble using it. I've gone through the online tutorial and the forum but i don't know what i am doing wrong.
The modal page opens but very quickly a larger window shows that reduces in size to a smaller one which display no regions or items from the page i have selected to be a popup modal. I have created a demo which has the same effect
http://apex.oracle.com/pls/apex/f?p=35329:1
(usr,pwd: modal, modal)
I'm not sure what page type should be used, i have tried a blank page, form, classic report but all have the same result. I'm using Apex 4.2.3
Teo

Try Page Template = 'Popup' for your modal page.
If you provide access to your workspace, it might be easier to track what's wrong.

Upgrade from 4.1 to 4.2.1 - skillbuilder modal popup 2.0 stopped working.

Hi Everyone. We are in the process of upgrading our applications from 4.1 to 4.2.1. I have a large applications which uses the fabulous skillbuilders modal popup in many places.
The popups have stopped working, as have several other dynamic actions. Nothing else has changed, but the apex version. I use theme 13. I have read a few blogs and some suggested checking browser security....but I am not exactly certain what to look for.
any help would be appreciated. thanks! Karen

How exactly did they stop working? Do they pop up at all, but with empty content?
As for browser security: verify "Embed in frames" is set to "Allow" or "Allow from same origin" under Application properties > Security > Browser Security > Embed in frames.

XML Publisher showing extra spaces

We are building a huge report using XML publisher , After building a custom report using (XML Publisher & Microsoft Document2007) , the requirement was to Show/Hide some Layouts like Table of data and Total Column depending on flag values,
The solution for the above requirement was to use C (Conditional Region), which caused the following unwanted output:
- Some Empty Pages (When using C before a layout table, and EC after the layout table)
- Some vertical spaces between rows (when using C before Row and EC after the row)
So in case the table has no data the page is still displayed which is causing to print additional empty pages.

Try using <?if@inlines: condition?> instead of just using an <?if:?> condition and give it a try. Also ensure that there are no extra spaces in the RTF.
Thanks,
Bipuser

Removing extra spaces from a long document

Hello
I have seen a number of find/change and GREP formulas to do similar things. I have NO scripting or coding experience and have labored to understand GREP.
So I am a little afraid to use it as I don't know what all the modifiers refer to (I do have a printout of some neat GREP cheatsheets like Mike Witherell's that I can absorb until I obtain a good reference )
I need something I can copy and paste into either find/change or GREP dialog that will do the following in less than 12 steps (hopefully) without doing something catastrophic like removing all of my paragraph marks (which I almost did using someones GREP expression)
No spaces before any comma, period, exclamation mark, question mark, colon, semicolon
One space only after any of those
One Space before any opening parenthesis and one space after the closing parenthesis
No space after the opening parenthesis or before the closing parenthesis
Remove any double or extra spaces ( en, em etc.)
Remove any commas before parentheses
Remove any spaces after a paragraph mark
I think that's it
I did find this one recently (Maybe Jongware?)
[~m~>~f~|~S~s<~/~,~3~4%]{2
Which from my dim understanding addresses em, en, flush and hair space , nonbreaking space ,figure space,third space--not sure of the rest. Really this is way over my head.
I know this will be a piece of cake for you guys
Thanks

A: Removing extra spaces from a long document

Peter is too modest, he's doing just great.
No space BEFORE-One Space after ---period,semicolon,colon, exclamation, question mark,CLOSING Parenth,Bracket,Brace, single & Dbl. quotation marks
Find (\s)([.,;:!\)\]\}~}~]])
Replace with $2
No space AFTER-One Space Before----OPENING bracket,brace,parenthesis,Dbl & single quotes
Find ([\[\{$~{~[])(\s)
Replace with $1
These remove the space before/after but do not automatically add a space after/before.
In the first case, you could add a space right after the '$2' in the Replace With string, but it already may have a space, in which case you suddenly have two. One alternative is to optionally remove it with the Find string (add it as an optional match) and always add it with the Replace string, but remember that this string will only be found if there is a space preceding it. That way you'd only check the space after in cases where there was a bad space before.
So I propose you add another two find/changes to add the space, only when necessary.
One Space After: find
([.,;:!$\]\}~}~]])(?!\s)
replace:
$0 [followed by one single space]
One Space Before: find
(?<!\s)([\[\{$~{~[])
replace:
[one single space] $0
Color-coding with my WhatTheGrep might make it just a tad clearer what's going on in that jumble of codes:
(1 [ .,;:! $ \] \} ~} ~] ] 1) (?!! \s !)
and
(?<!<! \s <!) (1 [ \[ \{ \( ~{ ~[ ] 1)
(Orange is lookahead/lookbehind, blue is a regular escaped character, pink is an InDesign special character, green is normal grouping parentheses, and lavender is a character group.)

How do you remove the extra space from the top margin when printing from a website? Already reset Firefox and checked my settings. Using Firefox 18 & Windows 8

I have a 2" space at the top of pages that I print from websites. How do I remove the extra space? My margin settings are at .5"

laderamacguy took a look at it and added a black shape over the tab. he suggested i use a different template next time, such as the black template.

Addition of extra Space issue in site studio text element

Hi,
we have implemented WCM for our website. We are in webcenter PS3 version.
At places where we have used text element for titles of various sections,
if we append one extra space and save it, it displays as in front end.
When we remove the space, it does not clear. But if we cut and paste once the word once again it is perfect.
Is there any solution to trim that space when it is displayed at front end. Please suggest.
Regards,
Bhaskar

enclose your text element with strTrimWs.
Removes spaces from the beginning and end of a string.

Extra space between paragraphs: is there a way to delete that?

I am importing text from a word document to format in InDesign. It' 150 pages of a book that I'll layout.
I made a mistake when writing the book with word by creating a space between every paragraph, which I now want to get rid of.
Is there a way to automate this with InDesign? Is there some way to automatically delete the extra space betwen my paragraphs and add an indent instead?

Hi craigatadobe12345
You can do it by by seaching "^p^p" in find and replace "^p^t" with Find/Replace window. This will remove the extra line and set a tab to indent the text.
Please find below the screenshot of the same. Hope it helps...
Best,
Anil Yadav

TIP: Building Modal Popup Windows

Build Modal Popup Pages
Introduction
The following is based on the 'How To Document' - 'Build Custom Popup Pages'.
This How To will show the developer how to create Modal Popup windows with the ability to pass information back to the parent window.
Example Scenario
The example described in this how to adds a custom modal popup LOV to a form on the SCOTT.EMP table. Clicking the popup LOV link on the form page will popup a Modal LOV page that allows users to search by ENAME, JOB, and SAL. Selecting a value from this LOV page will close that popup LOV page and populate the ENAME, JOB, and SAL fields on the form page with the selected values. Additionally, had the user entered some data into the ENAME, JOB, and/or SAL fields on the form page, that data would be used in the initial search when the popup LOV page is first shown.
Step 1 - Create a simple form page on SCOTT.EMP
To create the form page, simply step through the HTML DB "Form on a Table or View" wizard against the EMP table accepting the defaults. For this example, create the form with a page number of one, and make sure to allow the ename, job, and sal fields to be editable. When the wizard completes, page 1 of the application should have the items P1_ENAME, P1_JOB, and P1_SAL on it as text fields.
Step 2 - Create a popup page with search fields
Next, create a page that's to be used as the popup window: Page 2. Ultimately, this page will have javascript, a report region, and some buttons. For now, though, just create a page 2 with the items P2_ENAME, P2_JOB, and P2_SAL on it as text fields.
Step 3 - Set Modal popup page header requirements
A) Modal windows by default cache the information they display. When creating a popup window which displays different information each time it is called or to allow searching the caching default must be switched off.
Add the following meta-tag to the "HTML Header" field of the page-level attributes screen for page 2 to accomplish this:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
B) Modal windows by default open a new window when running any redirect calls. When creating a modal popup which passes back parameters to the parent window. The modal window has to be forced to fire redirect calls within its own window rather than open a new window for the redirect.
Add the following tag to the "HTML Header" field of the page-level attributes screen for page 2 to accomplish this:
<base target="_self">
Step 4 - Add Javascript call to the popup page
Because the popup page should filter its result set based on any values that the user might have entered onto the form page, you need to add a javascript function that would pass those values off. Add the following function to the "HTML Header" field of the page-level attributes screen for page 1 to accomplish this:
<script language="JavaScript" type="text/javascript">
function callMyPopup (formItem1,formItem2,formItem3) {
    var formVal1 = document.getElementById(formItem1).value;
    var formVal2 = document.getElementById(formItem2).value;
    var formVal3 = document.getElementById(formItem3).value;
    var url;
url = 'f?p=&APP_ID.:2:&APP_SESSION.::::P2_ENAME,P2_JOB,P2_SAL:' + formVal1 + ',' + formVal2 + ',' + formVal3 ;
// IE Browsers modal popup window
if (window.showModalDialog) {
    w = showModalDialog(url, window.self,"status:0; scroll:1; resizable:1; dialogWidth:25; dialogHeight:43");
    // w is an array returned from the modal popup containing the passback values
    if (w) {
      document.getElementById("P1_ENAME").value = w[0];
      document.getElementById("P1_JOB").value = w[1];
      document.getElementById("P1_SAL").value = w[2];
      document.getElementById("P1_SAL").focus();
else {
// mozilla based browsers modal popup window
w = open(url,"winLov","Scrollbars=1,resizable=1,width=800,height=600", modal="yes");
if (w.opener == null)
    w.opener = self;
w.focus();
</script>Though you don't need to know how to read javascript for this example, it helps to understand that this function only does one important thing: it opens a modal popup window of page two in our application while passing values to P2_ENAME, P2_JOB, and P2_SAL. It gathers those values to pass from the names of the HTML DB items provided to it. The call to this function will be added in the next step below.
Step 5 - Add a popup link next to the P1_SAL field on the form page
Add a link to the form page that will call the callMyPopup function above and pass it the values it needs. To do so, place the following HTML in the "Post Element Text" field attribute of the P1_SAL item:
<~a href="javascript:callMyPopup('P1_ENAME','P1_JOB','P1_SAL');">Click for LOV<~/a>NB. remove ~ from above when deploying
Step 6 - Add the LOV report to the popup page
The next step is to create a report on the popup page based on the values passed from the form on page one. The tricky part of this report is providing a means for the selected values to be passed back to the form page. This can be achieved by having a column of the report render as a javascript link that would close the popup window and pass the ename, job and sal values for that row back. Start by adding a simple report region to our Modal popup page that uses a query such as:
      select ename, job, sal , 'placeholder' the_link
        from emp
       where ename like '%'||:P2_ENAME||'%'
         and (job = :P2_JOB or :P2_JOB is null)
         and (sal = :P2_SAL or :P2_SAL is null)Note that the last column in this query is just a placeholder. once the region is created, turn that placeholder into a link by doing the following:
Navigate to the Page Definition for page 2
Next to the name of the report region created in step 6, Click Q
Next to the column THE_LINK, click the edit icon
In the "Link Text" field enter the string "select"
In the URL field enter: javascript:passBack('#ENAME#','#JOB#','#SAL#'); Click the "Apply Changes" button
Step 7 - Add the javascript function to the Modal popup page to pass selected values to the (parent) form page.
In the previous step you added a call to a javascript function, passBack. Now add that function to the top of Modal popup page 2. In the same manner as step 4 above, add that passBack function to the page 2 by putting it in the "HTML Header" field of the page-level attributes screen. The function should look similar to the following:
<script language="JavaScript">
   function passBack(passVal1, passVal2, passVal3)
     // IE Browser return the passback values in an array
     if (window.showModalDialog) {
       var retVal = new Array(passVal1, passVal2, passVal3);
       window.returnValue = retVal;
       window.close();
     // Mozilla based browsers right the passback values directly into the parent window
     else {
       opener.document.getElementById("P1_ENAME").value = passVal1;
       opener.document.getElementById("P1_JOB").value = passVal2;
       opener.document.getElementById("P1_SAL").value = passVal3;
       opener.document.getElementById("P1_SAL").focus();
       close();
</script>This function simply sets the values of P1_ENAME, P1_JOB, and P1_SAL with the values of the whatever's stored to the three HTML DB item names passed to it. It also closes the current window and puts the cursor back into the P1_SAL field.
Step 8 - Polishing
The basic functionality of this custom modal popup window has been created in steps 1 though 7. To make its usage a little more friendly, it's advisable to add Cancel and Search buttons to the popup window page. The Search button should just be added as a regular button that branches back to the page 2. Adding this button allows users to re-query for LOV options without having to return to our form page. The Cancel button should be created with an "Action" of "Redirect to URL". The "URL Target" of the button should be javascript:window.close(). As the code suggests, the Cancel button would just close the popup window (with no values returned).
Hope this is of use....

Everything said above is working fine but in Mozilla small popup is coming in top left corner of browser..
so please help me so that it is opened in proper width and height in mozilla.

Extra spaces added (that I can't get rid of) when using STHeiti font. Anything I can do?

Hi there,
When I use the font that I want to use (STHeiti), extra spaces get added automatically—spaces that, by the way, I can’t ‘delete’—after every apostrophe (or single quotation mark). See screen grabs below:
Here's another example:
Do you know how I can make these spaces go away? When I do a search on the internet (InDesign STHeiti), I see that others have had other types of problems with this font… having to do with exporting a finished project to pdf and getting it printed.
In the context of talking about it, one person says that the STHeiti font "is installed as part of the Apple operating system, and is probably only meant for onscreen display".
But someone else adds: "the font is installed, by default, on all macs running 10.4 and above (possibly further back than that, but lets go with what we know), so opening the file at the printers on such a mac will have the font available”
I'm on my Mac, though (not yet ready for the printer), so why do I have a problem using this font?
I know I could use another font, but this STHeiti is a really nice one!
Thanks for any advice,
Malcolm

Wow... that works beautifully.
I've done it, but before proceeding too much further I'll google and try to find out more about this "Use Typographer's Quotes" setting. Don't want it to bite me down the road.
Thanks very much for the tip—
Malcolm

Extra space on Modal Popup

Similar Messages

Maybe you are looking for