Intersoft Solutions - Community - WebDesktop - Web DialogBox not opening properly in IE8

Posted: March 22, 2010 4:28 AM in response to Faraz Hasan

I suspect that the issue is caused by XHTML doctype. WebDesktop 2.5 has limited compatibility with XHTML DocType. The support for XHTML has been enchanced in WebDesktop 3.

If you are not using XHTML doctype, do you mind creating a simple sample so we could replicate the issue in our environment?

Reply

Quick Reply

Quote

Faraz HasanMember

Posted: March 22, 2010 4:40 AM in response to Faraz Hasan

Hi Glenn,

We are using XHtml. This is our code. Please suggest.

Regards

Faraz

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="AnnualAppraiseeIDP.aspx.vb" Inherits="AnnualAppraisalIDP" %><%@ Register Assembly="ISNet.WebUI.WebDesktop" Namespace="ISNet.WebUI.WebDesktop" TagPrefix="ISWebDesktop" %><%@ Register Assembly="ISNet.WebUI.WebInput" Namespace="ISNet.WebUI.WebControls" TagPrefix="ISWebInput" %><%@ Register Assembly="ISNet.WebUI.WebCombo" Namespace="ISNet.WebUI.WebCombo" TagPrefix="ISWebCombo" %><%@ Register Assembly="RadSpell" Namespace="Telerik.WebControls" TagPrefix="radS" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <style> .DefaultText

{

font-family:Segoe UI;font-size: 9pt;

}

.DefaultTable

{

width: 100%; height: 100%;

}

</style><

style> <link href="css/all.css" type="text/css" rel="Stylesheet" /> <script language="javascript" src="Scripts/main.js" type="text/javascript"></script> <script type="text/javascript" > function ProgramCombo_OnAfterItemSelected(controlId)

{

// retrieves WebCombo object var programCombo = ISGetObject(controlId);// retrieves WebCombo object var courseCombo = ISGetObject("wcCourses");// set additional filter courseCombo.SetAdditionalFilters("[ProgramId] = " + programCombo.Value);

}

function CoursesCombo_OnBeforeRequest(controlId)

{

// retrieves WebCombo object var programCombo = ISGetObject("wcPrograms");// retrieves WebCombo object var courseCombo = ISGetObject("wcCourses");// set additional filter courseCombo.SetAdditionalFilters("[ProgramId] = " + programCombo.Value);

}

//check validation before submit IDp function checkvalidationonSubmit()

{

// for Training from Company selection //check IDPNeed var txtIDPNeed=document.getElementById("txtIDPNeed").innerText;

txtIDPNeed=txtIDPNeed.replace(/^\s*|\s*$/g,'');

'');if (txtIDPNeed=='')

{

alert ('Please enter "Development Need" ');document.getElementById("txtIDPNeed").focus();return false;

}

//check Method var methodCombo = ISGetObject("wcMethod");if (methodCombo.Value <=0 )

{

alert ('Please Select the Development Method.');

methodCombo.SetFocus();

return false;

}

// Check For TODate and From Date // var wiwebInputStartDt = ISGetObject("webInputStartDt"); // var wiwebInputEndDt = ISGetObject("webInputEndDt"); // if (wiwebInputStartDt.GetValueData() > wiwebInputEndDt.GetValueData()) // { // alert('Start Date can not be later than End Date'); // wiwebInputEndDt.SetFocus(); // return false; // } //check Program and Course if (document.getElementById("hdTest").value=="n" )

{

var programCombo = ISGetObject("wcPrograms");if (programCombo.Value <=0 )

{

alert ('Please Select the Program.');

programCombo.SetFocus();

return false;

}

var courseCombo = ISGetObject("wcCourses");if (courseCombo.Value <=0 )

{

alert ('Please Select the Course.');

courseCombo.SetFocus();

return false;

}

//check othere Specify if (courseCombo.Text=="Others - Specify")

{

var txtOthers=document.getElementById("txtOthers").innerText;

txtOthers.replace(/(^\s+|\s+$)/g,'');

'');if (txtOthers=='')

{

alert ('Please enter "Others - Specify" Course');document.getElementById("txtOthers").focus();return false;

}

else

{

var txtIDPAchieved=document.getElementById("txtIDPAchieved").innerText;

txtIDPAchieved.replace(/(^\s+|\s+$)/g,'');

'');if (txtIDPAchieved=='')

{

alert (' Please enter "How will it be achieved" ');document.getElementById("txtIDPAchieved").focus();return false;

}

</script>

</head> <

script>

</head><

head> <body id="body" runat="server" > <form id="form1" runat="server"> <div> <table > <tr align="center"> <td colspan="2" align="left" class="PageTitle"> <asp:Label ID="lblHeading" runat="server" ></asp:Label> </td> </tr> <tr> <td class="text">  <asp:Label ID="lblError" runat="server" CssClass="Msg"></asp:Label></td> <td>  </td> </tr> <tr> <td class="text"> <span class="textb">Development Need</span><br />

(Gaps in terms of knowledge, skills, competencies or specific type of experiences)<br />

<br /> <br /> </td> <td valign="top"> <asp:TextBox ID="txtIDPNeed" runat="server" Columns="45" CssClass="textAreaChoco" Rows="5" TextMode="MultiLine"></asp:TextBox><label><rads:radspell id="RadSpell1" runat="server" buttonimage="images/spellchecker.gif" buttontype="ImageButton" controltocheck="txtIDPNeed" IsClientID="True"></rads:radspell> </label> </td> </tr> <tr><td colspan="2" style="height:5px"></td></tr> <tr> <td style="width: 234px" class="text" valign="top"> <span class="textb">Development Method</span><br /> (Such as on the job coaching, training, or self learning) </td> <td style="width: 454px" align="left" valign="top"> <table> <tr> <td colspan="2" valign="top"> <ISWebCombo:WebCombo ID="wcMethod" runat="server" DataSourceID="SqlDataSource1" DataTextField="MethodDesc" DataValueField="MethodId" Height="20px" UseDefaultStyle="True" Width="152px" DataMember="DefaultView" AllowAutoPostback="True" runtimelicensekey="H62D8-Q8OW-W81L0"></ISWebCombo:WebCombo> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:PESystemConnectionString %>" SelectCommand="SELECT [MethodId], [MethodDesc] FROM [PEIDPMethod]"></asp:SqlDataSource> </td> </tr> <tr> <td> <table id="tbshowPrograms" runat="server"> <tr> <td style="width: 100px" class="text">

Select Program</td>

</td><td class="text"> <ISWebCombo:WebCombo ID="wcPrograms" runat="server" DataMember="PEPrograms" DataTextField="ProgramName" DataValueField="ProgramId" Height="20px" UseDefaultStyle="True" Width="200px" OnInitializeDataSource="wcPrograms_InitializeDataSource" AllowAutoPostback="True" runtimelicensekey="H62D8-Q8OW-W81L0"></ISWebCombo:WebCombo> </td> </tr> <tr> <td class="text">

Select Course

</td> <td class="text"> <ISWebCombo:WebCombo ID="wcCourses" runat="server" UseDefaultStyle="True" DataTextField="CourseName" DataValueField="CourseId" Height="20px" Width="200px" DataMember="PECourses" AllowAutoPostback="True" OnInitializeDataSource="wcCourses_InitializeDataSource" runtimelicensekey="H62D8-Q8OW-W81L0"></ISWebCombo:WebCombo> </td> </tr> <tr id="trCourseOthers" valign="top" runat="server"> <td class="text">

Other Specification</td>

</td><td class="text"> <asp:TextBox ID="txtOthers" runat="server" CssClass="textAreaChocosmall" Columns="10" Rows="5" TextMode="MultiLine"></asp:TextBox> </td> </tr> <tr runat="server" valign="top"> <td class="text"> </td> <td align="right" class="text"> <rads:radspell id="RadSpell2" runat="server" buttonimage="images/spellchecker.gif" buttontype="ImageButton" controltocheck="txtOthers" IsClientID="True"></rads:radspell> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="textb" style="height: 45px"> When will it be achieved?</td> <td style="height: 45px"> <table width="80%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="width: 15%; height: 24px;" class="text"> Start Date</td> <td style="width: 25%; height: 24px;">  <ISWebInput:WebInput ID="webInputStartDt" runat="server" width="100px" runtimelicensekey="O7EN0-CXX7-71PBU"> <DisplayFormat Format="dd-MMM-yyyy" IsEnabled="True"> <ErrorWindowInfo IsEnabled="True"> </ErrorWindowInfo> </DisplayFormat> <HighLight IsEnabled="True"></HighLight> <EditFormat IsEnabled="True" ErrorText="" Format="dd-MMM-yyyy"> <MaskInfo MaskExpression="00->L<LL-0000"> </MaskInfo> <ErrorWindowInfo IsEnabled="True"> </ErrorWindowInfo> </EditFormat> <DateTimeEditor IsEnabled="True"> </DateTimeEditor> </ISWebInput:WebInput> </td> <td style="width: 15%;text-align:center; height: 24px;" class="text"> End Date   </td> <td style="width: 25%; height: 24px;" class="textb" align="left"> <ISWebInput:WebInput ID="webInputEndDt" runat="server" width="100px" runtimelicensekey="O7EN0-CXX7-71PBU"> <DisplayFormat Format="dd-MMM-yyyy" IsEnabled="True"> <ErrorWindowInfo IsEnabled="True"> </ErrorWindowInfo> </DisplayFormat> <HighLight IsEnabled="True"></HighLight> <EditFormat IsEnabled="True" ErrorText="" Format="dd-MMM-yyyy"> <MaskInfo MaskExpression="00->L<LL-0000"> </MaskInfo> <ErrorWindowInfo IsEnabled="True"> </ErrorWindowInfo> </EditFormat> <DateTimeEditor IsEnabled="True"> </DateTimeEditor> </ISWebInput:WebInput> </td> </tr> </table> </td> </tr> <tr runat="server" id="trHowIDPAchieved"> <td colspan="2"> <div id="divHowIDPAchieved" style="display: block"> <table> <tr> <td style="width: 234px; height: 45px;" class="text"> <span class="textb">How will it be achieved<br /></span>

(Activities to be undertaken to facilitate your development)</td>

</td><td style="width: 454px" valign="top"> <asp:TextBox ID="txtIDPAchieved" runat="server" Columns="45" CssClass="textAreaChoco" Rows="5" TextMode="MultiLine"></asp:TextBox><rads:radspell id="Radspell3" runat="server" buttonimage="images/spellchecker.gif" buttontype="ImageButton" controltocheck="txtIDPAchieved" isclientid="True"></rads:radspell> </td> </tr> </table> </div> </td> </tr> <tr style="position: relative"> <td> </td> <td> <asp:Button ID="btnAdd" runat="server" Text="Add IDP" CssClass="SubButton" OnClientClick="return checkvalidationonSubmit();" />   <input type="button" value="Cancel" onclick="return wbCancel_OnClientClick();" class="SubButton" /> <asp:HiddenField ID="hdTest" runat="server" Value="y" /> </td> </tr> <tr style="position: relative"> <td colspan="2" style="height: 21px"> </td> </tr>

</table>

table></div> </form> <script language="javascript"> function LoadPage()

{

if(document.getElementById("msg") != null)

{

var msg = document.getElementById("msg").value;if(msg == "ANAP")

{

var parentFrame = window.parent;var dlg = parentFrame.ISGetObject("WebDialogBox1");var grid = parentFrame.ISGetObject("wgAnnualAppraisalIDP");

grid.Refresh();

dlg.CloseDialog();

}

else if(msg == "APP")

{

var parentFrame = window.parent;var dlg = parentFrame.ISGetObject("WebDialogBox1");var grid = parentFrame.ISGetObject("wgAppraiseeIDP");

grid.Refresh();

dlg.CloseDialog();

}

else

alert(msg);

}

function wbCancel_OnClientClick(controlId, parameter)

{

var parentFrame = window.parent;var dlg = parentFrame.ISGetObject("WebDialogBox1");

dlg.CloseDialog();

return true;

}

LoadPage();

</script>

</body>

</html>

body>

</html>

html>

Reply

Quick Reply

Quote

Faraz HasanMember

Posted: March 22, 2010 5:39 AM in response to Faraz Hasan

Hi Glenn,

If we want to upgrade our Webdesktop from 2.5 to 3. Then in this case what changes will we have to make in our application. How much will be the cost and are you sure that our issue will be resolved with this.

Regards

Faraz

Reply

Quick Reply

Quote

Glenn LayaarSupport

Posted: March 22, 2010 6:15 AM in response to Faraz Hasan

Based on the screenshot you could try our WebUI Studio 2009 R2 SP1 DetailView.aspx WebGrid sample. However, in order to replicate your scenario you will need to modify the MasterPage to DefaultMasterXHTML.master.

I did not see any issue with such configuration on the sample.

You could try installing our WebUI Studio 2009 R2 SP1 trial and try to see if the issue has been resolved using the latest component. You could inquiry our sales, sales@intersoftpt.com, regarding the cost of the new component.

Reply

Quick Reply

Quote

Faraz HasanMember

Posted: March 22, 2010 7:50 AM in response to Glenn Layaar

Hi Glenn,

We dont have much time as our application is already in the 2nd UAT and has to go live in the next 10 days. Is there any other alternative to resolve this issue.

Reply

Quick Reply

Quote

Glenn LayaarSupport

Posted: March 22, 2010 11:56 PM in response to Faraz Hasan

Based on the screenshot, it seems the issue is the height is different in XHTML and HTML. Did you use percentage in defining the height in your element?

My test show that setting a fixed height for the element would allow the control render similarly in both XHTML and HTML.

Reply

Quick Reply

Quote