Intersoft Solutions - Community - WebGrid Enterprise - MaxHeight property is not always working with Web User Contril (.ascs)

Create New

New Discussion
New Question
New Product Feedback

Post Reply

Maged MikaeelMember

Posted: January 5, 2010 9:16 AM

I've created a Web User Control (.ascx)
Created a WebGrid, and some columns are configured as multilines.
Also the last column is configured to use WebTextEditor, as the following:


<ISWebGrid:WebGridColumn Caption="Note" DataMember="Note" Name="Note"
       Width="400px" MaxHeight="50px" IsAutoIncrement="false"
       CustomEditorName="WebTextEditor" CustomEditorServerId="WebTextEditor1"
       EditType="Custom" AllowMultiLine="True" TextboxMaxlength="50">
</ISWebGrid:WebGridColumn>

Now, my issue is, the MaxHeight property is not working at all, if I have large amount of data in the field, it keep growing the row with no limit.
The only way to make it work is put the GRID between <FieldSet></FieldSet>.

But if I do that, the WebTextEditor toolbar will be scrambled as shown in the attached image.
I tried to set RowHeightDefault="-1", but still same issue.

Maged

Quick Reply

Quote

All Replies

Andi SantosoSupport

Posted: January 5, 2010 10:21 PM in response to Maged Mikaeel

Hi Maged,

Attached is a simple .ascx sample regarding your problem. I set the RowHeightDefault="-1px" and perhaps, you miss to set the Height = "0px". For further more, you can take a look at my .ascx sample. Thank you.

Best Regards,

Andi Santoso

1 attachment

TextEditor_On_WebGrid.rar

Quick Reply

Quote

Maged MikaeelMember

Posted: January 6, 2010 12:18 AM in response to Andi Santoso

Hi,

Thanks for yur reply.

Still the same, nothing change.

Thanks,

Maged

Quick Reply

Quote

Andi SantosoSupport

Posted: January 6, 2010 1:07 AM in response to Maged Mikaeel

Hi Maged,

It is wierd, because it looks fine in here and I attached you the result as well. Perhaps, you can create it by modifying my sample code and see if it works. Or maybe, if it still does not work, you can attach your code file for me to investigate it furthermore. Thank you.

Best Regards,

Andi Santoso

1 attachment

TextEditor_WebGrid.png

Quick Reply

Quote

Maged MikaeelMember

Posted: January 9, 2010 2:51 AM in response to Andi Santoso

Hi Andi,

Thank you for your response.

Please find attached my code.

Also note that:

If your remove the <fieldset> tags from the webgrid, the webtext editor will show the toolbar with no issues, but the maxheight will not work on the grid, and if you keep the <fieldset> tag, the maxheight will work but the text editor will have the toolbx not showing up.

Also note that, the applicaion gives me error if I don't have the next block:

<head id="Head1" runat="server">
<head>

I tried my best to fix it with no luck so far, I also tried run your sample, andd I endup with exact same issue.

Next is my code:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="PatientCommunication.ascx.cs" Inherits="patient_PatientCommunication" %>

<%@ Register assembly="ISNet.WebUI.WebGrid" namespace="ISNet.WebUI.WebGrid" tagprefix="ISWebGrid" %>
<%@ Register assembly="ISNet.WebUI.WebCombo" namespace="ISNet.WebUI.WebCombo" tagprefix="ISWebCombo" %>
<%@ Register assembly="ISNet.WebUI.WebTextEditor" namespace="ISNet.WebUI.WebTextEditor" tagprefix="ISWebTextEditor" %>

<head id="Head1" runat="server">
    <title>Untitled Page</title>
    
    <script language="javascript">

        function viewDialogBox() {
            var dlgBox = ISGetObject("AddNewComplainDialogBox");
            dlgBox.ShowDialog();
        }

        function dlgBoxQuit_Closed(controlId, dialogResult) {
            // get active Window Object when integrated with WebDesktop
            // var win = ISGetCurrentWindow(); 

            if (dialogResult == "Yes") {
                // ForceClose of current Window Object when integrated with WebDesktop
                // win.ForceClosed = true; 
                alert("Do Save Logic");
            }
            else if (dialogResult == "No") {
                // ForceClose of current Window Object when integrated with WebDesktop
                // win.ForceClosed = true; 
                alert("Do Not Perform Save Logic");
            }
            else {
                alert("Cancel");
                // cancel, nothing to do
                return;
            }

            //win.Close(); // really close current Window Object when integrated with WebDesktop
        }
    </script>
</head>



<div id="oneColumn">
    <h2 id="ucHeading" runat="server">Patient Communication</h2>

    <fieldset>
        <div>
            <ISWebGrid:WebGrid ID="PatientCommunicationGrid" runat="server" 
                DataSourceID="DS_PatientCommunication" DefaultStyleMode="Win7" 
                Height="436px" UseDefaultStyle="True" Width="763px">
                
                <LayoutSettings AllowAddNew="Yes" AllowExport="Yes" AllowFilter="Yes" 
                    AllowGrouping="Yes" AllowSelectColumns="Yes" AllowSorting="Yes" 
                    ColumnFooters="Default" GroupByBoxVisible="True" RowHeaderWidth="26" 
                    AllowEdit="Yes" InProgressUIBehavior="ChangeCursorToHourGlass" 
                    RowHeightDefault="-1px" HeaderWrapDefault="True" AllowColumnMove="Yes">
                    
                    <RowHeaderStyle Height="0px">
                    </RowHeaderStyle>
                </LayoutSettings>
                
                <RootTable DataKeyField="PatientCommunicationID">
                    <Columns>
                        <ISWebGrid:WebGridColumn Caption="Date" DataMember="LogDate" 
                            EditType="CalendarDropdown" Name="LogDate" Width="130px" 
                            DataType="System.DateTime">
                            <ValueList DataMember="DefaultView" DataSourceID="DS_PatientCommunication" 
                                DataTextField="LogDate" DataValueField="LogDate">
                            </ValueList>
                        </ISWebGrid:WebGridColumn>
                        
                        <ISWebGrid:WebGridColumn Caption="User" DataMember="FirstName" 
                            EditType="NoEdit" Name="User" Width="130px" DataFormatString="System.Text">
                            <ValueList DataMember="DefaultView" DataSourceID="DS_PatientCommunication" 
                                DataTextField="FirstName" DataValueField="FirstName">
                            </ValueList>
                        </ISWebGrid:WebGridColumn>
                        
                        <ISWebGrid:WebGridColumn Caption="Method" 
                            DataMember="CommMethod" EditType="WebComboNET" 
                            Name="CommMethod" Width="80px" WebComboID="CommMethodCombo">
                            <ValueList DataMember="DefaultView" DataSourceID="DS_PatientCommMethod" 
                                DataTextField="Caption" DataValueField="Caption">
                            </ValueList>
                        </ISWebGrid:WebGridColumn>
                        <ISWebGrid:WebGridColumn Caption="Type" 
                            DataMember="CommType" EditType="WebComboNET" Name="CommType" Width="110px" 
                            CustomEditorName="WebTextEditor" WebComboID="ComTypeCombo">
                            <ValueList DataMember="DefaultView" DataSourceID="DS_PatientCommType" 
                                DataTextField="Caption" DataValueField="Caption">
                            </ValueList>
                        </ISWebGrid:WebGridColumn>
                        <ISWebGrid:WebGridColumn AllowMultiLine="True" Caption="Note" 
                            CustomEditorName="WebTextEditor" CustomEditorServerId="NoteEditBox" 
                            DataMember="Note" EditType="Custom" MaxHeight="50px" Name="Note" 
                            Width="270px">
                            <ValueList DataMember="DefaultView" DataSourceID="DS_PatientCommunication" 
                                DataTextField="Note" DataValueField="Note">
                            </ValueList>
                        </ISWebGrid:WebGridColumn>
                    </Columns>
                </RootTable>
            </ISWebGrid:WebGrid>
            
            <ISWebTextEditor:WebTextEditor ID="NoteEditBox" runat="server" 
                    Height="300px" Width="300px" Content="" MaximumSize="0, 0" 
                    MinimumSize="0, 0">
                </ISWebTextEditor:WebTextEditor>
        </div>
        
    </fieldset>
    
    <div>
        <ISWebCombo:WebCombo ID="CommMethodCombo" runat="server" DataSourceID="DS_PatientCommMethod" 
            DataTextField="Caption" DataValueField="Caption" Height="20px" 
            Width="200px">
            
            <LayoutSettings AllowAddItem="True" AllowTextWrapping="True" 
                EnableAnimation="True" EntryMode="AutoComplete" RoundCorner="True">
                <ResultBoxStyle Font-Names="Segoe UI,Tahoma" Font-Size="8pt">
                </ResultBoxStyle>
                <StatusBoxStyle BackgroundImage="url(/CommonLibrary/Images/wc4_status.gif)" 
                    Font-Names="Segoe UI,Tahoma" Font-Size="8.25pt" ForeColor="#092061">
                </StatusBoxStyle>
                <ResultFrameStyle BackColor="White" BorderColor="#286A9B" BorderStyle="Solid" 
                    BorderWidth="1px" Cursor="Default">
                </ResultFrameStyle>
                <HeaderStyle BackColor="White" BackColor2="199, 223, 255" 
                    Font-Names="Segoe UI,Tahoma" Font-Size="8pt" GradientType="Vertical">
                <Padding Bottom="3px" Left="3px" Right="3px" Top="3px" />
                <BorderSettings>
                    <Bottom Color="101, 147, 207" Style="Solid" Width="1px" />
                </BorderSettings>
                </HeaderStyle>
                <ColumnStyle CustomRules="text-overflow:ellipsis" Overflow="Hidden">
                    <Padding Left="3px" Right="3px" />
                </ColumnStyle>
                <RowStyle>
                <Normal BackColor="White" Height="20px">
                </Normal>
                <Over BackColor="#E1EEFF" BaseStyle="Normal">
                </Over>
                </RowStyle>
                <SelectedRowStyle BackColor="#B3C8E8" Font-Size="8pt" Height="20px" />
                <FrameStyle>
                    <Normal BackColor="White" BorderColor="#5794BF" BorderStyle="Solid" 
                        BorderWidth="1px" Height="20px" Width="200px">
                        <BorderSettings>
                            <Bottom Color="40, 106, 155" Style="Solid" Width="1px" />
                            <Right Color="40, 106, 155" Style="Solid" Width="1px" />
                        </BorderSettings>
                    </Normal>
                    <Over BackColor="WhiteSmoke" BaseStyle="Normal" BorderColor="#286A9B">
                    </Over>
                    <Active BackColor="#E9EBF4" BaseStyle="Over">
                    </Active>
                </FrameStyle>
                <TextBoxStyle>
                <Normal BackColor="Transparent" BorderStyle="None" BorderWidth="0px" 
                    CustomRules="background:transparent;background:transparent" Font-Names="Segoe UI,Tahoma" 
                    Font-Size="8pt" ForeColor="Black" Height="20px" Width="180px">
                </Normal>
                <Over BaseStyle="Normal">
                </Over>
                <Active BaseStyle="Over">
                </Active>
                </TextBoxStyle>
                <DropDownStyle>
                    <Normal Cursor="Default" Font-Names="Webdings" Font-Size="9pt" 
                        ForeColor="Black" Height="20px" Width="15px">
                    </Normal>
                    <Over BackgroundImage="url(/CommonLibrary/Images/DD4_Over.gif)" 
                        BaseStyle="Normal">
                        <BorderSettings>
                            <Left Color="40, 106, 155" Style="Solid" Width="1px" />
                        </BorderSettings>
                    </Over>
                    <Active BackgroundImage="url(/CommonLibrary/Images/DD4_Active.gif)" 
                        BaseStyle="Over">
                    </Active>
                </DropDownStyle>
                <MoreButtonStyle>
                    <Normal BorderColor="White" BorderStyle="Solid" BorderWidth="1px">
                    </Normal>
                    <Over BackColor="#FFE7A2" BaseStyle="Normal" BorderColor="#F7BE57">
                    </Over>
                    <Active BaseStyle="Over">
                    </Active>
                </MoreButtonStyle>
            </LayoutSettings>
        </ISWebCombo:WebCombo>
    </div>
    
    <div>
        <asp:ObjectDataSource ID="DS_PatientCommMethod" runat="server" 
            OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" 
            TypeName="dsTipsGnrTablesTableAdapters.PatientCommMethodTableAdapter" 
            DeleteMethod="Delete" InsertMethod="Insert" UpdateMethod="Update">
            <DeleteParameters>
                <asp:Parameter Name="Original_ComboConfigsID" Type="Int32" />
            </DeleteParameters>
            <UpdateParameters>
                <asp:Parameter Name="Caption" Type="String" />
                <asp:Parameter Name="Original_ComboConfigsID" Type="Int32" />
            </UpdateParameters>
            <InsertParameters>
                <asp:Parameter Name="Caption" Type="String" />
            </InsertParameters>
        </asp:ObjectDataSource>
    </div>

    <div>
        <asp:ObjectDataSource ID="DS_PatientCommunication" runat="server" 
            DataObjectTypeName="Medcan.Business.PatientCommunication" DeleteMethod="Delete" 
            InsertMethod="Insert" OldValuesParameterFormatString="original_{0}" 
            SelectMethod="GetData" 
            TypeName="Medcan.Web.DATA.Adapters.PatientCommunicationAdapter" 
            UpdateMethod="Update"></asp:ObjectDataSource>
    </div>
</div>


<asp:ObjectDataSource ID="DS_PatientCommType" runat="server" 
    DeleteMethod="Delete" InsertMethod="Insert" 
    OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" 
    TypeName="dsTipsGnrTablesTableAdapters.PatCommTypeTableAdapter" 
    UpdateMethod="Update">
    <DeleteParameters>
        <asp:Parameter Name="Original_ComboConfigsID" Type="Int32" />
    </DeleteParameters>
    <UpdateParameters>
        <asp:Parameter Name="Caption" Type="String" />
        <asp:Parameter Name="Original_ComboConfigsID" Type="Int32" />
    </UpdateParameters>
    <InsertParameters>
        <asp:Parameter Name="Caption" Type="String" />
    </InsertParameters>
</asp:ObjectDataSource>

<fieldset>
    <div>
        <ISWebCombo:WebCombo ID="ComTypeCombo" runat="server" 
            DataSourceID="DS_PatientCommType" DataTextField="Caption" 
            DataValueField="Caption" Height="20px" UseDefaultStyle="True" 
            Width="200px" DataMember="">
            <LayoutSettings AllowAddItem="True" AllowTextWrapping="True" 
                EntryMode="AutoComplete">
            </LayoutSettings>
        </ISWebCombo:WebCombo>
    </div>
</fieldset>

Thanks,

Maged

Quick Reply

Quote

Andi SantosoSupport

Posted: January 11, 2010 2:54 AM in response to Maged Mikaeel

Hi Maged,

Thank you for your detail information you have provided. Perhaps, in other time, you can attach the file instead of pasting the code in here. Thank you.

Sorry to tell you, but I am not able to run your sample since I do not have the database so I cannot repro your issue. However, I have tried all you setting that you used and implemented all into my sample and the result is still same, it works properly. I am suggesting that, try to create a simple WebGrid, using a Northwind database would be helpful, with TextEditor as an edit-type only. See if it gives us an expected result/layout or not. If it does not work, you might send those file as an attachment for me to investigate it furthermore.

I hope it helps and please, let me know if you have any other questions, thank you.

Best Regards,

Andi Santoso

Quick Reply

Quote

Maged MikaeelMember

Posted: January 14, 2010 12:10 AM in response to Andi Santoso

After further investigation, I found that, changing my CSS has great effect on all your controls.

So in my case, I have already existing ASP .NET web application that is relying alot on the CSS, and this CSS has a great effect on the controls. If I create these controls on a brand new application it will not bhave the same.

Now this application cano not be redesiginged with your tools, and in the mean time, I would like to continue this application using your tools, is there any way to have that fixed with any kind of work arround?

Example of CSS changes:

fieldset div
{
    float: left;
    /*clear: left;
    width: 100%;*/
    margin-bottom: 2px;
}

As you see, if I just remove the clear:left and with:100%, the above issue got fixed.

Please please I really need help from your guys, I don't know your application from inside and I don't have your source code to understand what is happening. Please help. and I amd ready to answer all your questions.

Thanks,

Maged Mikaeel

Quick Reply

Quote

Andi SantosoSupport

Posted: January 14, 2010 2:38 AM in response to Maged Mikaeel

Hi Maged,

Thank you for your detail information. I am able to reproduce your issue now. I have forwarded this to our developer and I wil give you news as soon as possible if it has been solved.

Actually, the cause for this issue is "width:100%". We have already informed our customer that, we strongly do not recommend for them to use percentage in our WebGrid, because it might override our structure function. The best workaround for you case is to change the 100% to 100px, sorry for the inconvenience, but I have tried it and it works fine.

I hope it helps and please, let me know if you have any other questions. Thank you.

Best Regards,

Andi Santoso

Quick Reply

Quote

Maged MikaeelMember

Posted: January 17, 2010 11:49 PM in response to Andi Santoso

Hi Andi,

No, that was not the only reason. Its actually much more.

Here is the complete fixfor this issue:

1- In the default.css added this:

fieldset div span
{
float: left;
}

in my ascx code, put the grid between <fieldset> .... </fieldset> tags. and all good after that!

I really don't know that actual reason, may be something in my project, but that ffixed the issue!!

Thanks,

Maged Mikaeel

Quick Reply

Quote

Andi SantosoSupport

Posted: January 18, 2010 8:47 PM in response to Maged Mikaeel

Hi Maged,

Glad to hear that your problem is fixed and thank you for your information as well. Please do not hesitate to ask if you have any other questions. Thank you.

Best Regards,

Andi Santoso

Quick Reply

Quote

Andi SantosoSupport

Posted: January 22, 2010 4:23 AM in response to Andi Santoso

Hi Maged,

Just for you information, the issue has been fixed. The issue will be solved without do the workaround after you get our this month's hotfix. Thank you.

Best Regards,

Andi Santoso

Quick Reply

Quote

Services

Support

Community / WebGrid

MaxHeight property is not always working with Web User Contril (.ascs)

Answers

All Replies

Business Platform

Development Tools

Community / WebGrid

MaxHeight property is not always working with Web User Contril (.ascs)

Answers

All Replies

Sign in to Intersoft Account

Sign in to Intersoft Account

Link Existing Account

Create New Account

Link Existing Account

Sign in to Intersoft Account

Sign in to Intersoft Account

Create New Intersoft Account

Forgot Password

Your new password has been sent to your email.