Intersoft Solutions - Community - WebGrid Enterprise - Pager is not showing in web grid

WebDesktopManager_Modified.zip

Posted: June 4, 2015 9:40 AM in response to Yudi

Hi Yudi,

Thanks for your response.

You can see the issue in the attached sample (OPS Create page). In this page web tab is occuppying the complete 100% height. I modified the styles still it is not coming perfect to me.

Regards,

Jagadhish

1 attachment

Posted: June 5, 2015 9:32 AM in response to Kasinadh Somanchi

Hi Yudi,
Did you find any resolution for this?

Posted: June 9, 2015 7:54 AM in response to Kasinadh Somanchi

I didnt get any response on this. Please let me know what is the resolution.

Yudi Member

Posted: June 12, 2015 10:30 AM in response to Kasinadh Somanchi

Exception, "Integration Error: Can't find DesktopManager instance!", persist when I tried to open OpsCreate.aspx sample file. The exception is no longer persist if IntegratedToDesktopManager property of ProgressDlg WebDialogBox is set to False.

In this page web tab is occuppying the complete 100% height. I modified the styles still it is not coming perfect to me.

Please correct me if I'm wrong but there is no WebTab in OpsCreate.aspx page. Could you please inform me about the expected result of OpsCreate.aspx page so that I can assist you further.

Posted: June 12, 2015 11:34 AM in response to Yudi

Hi Yudi,
Thanks for your response.

The application hierarchy is as follows.

Defaut.aspx ( this has the WebDesktopManager control, opens workflowmanager.aspx in WebDesktopWindow ) ---> WorkFlowManagerFrame.aspx ( this has the web explorer and web tab control and on panel click this opens the opscreate.aspx)---> OPSCreate.aspx (this has the grid control).

When OPSCreate.aspx is opened in a web tab it is not occupying the 100 % page height rather it is utilizing only 20% of the page height and shows vertical scroll bar. Because of this i am not able to see the grid rows completely.

The only issue i wanted the fix is to set the web tab height to 100% of the page height. For your reference i have attached the screen shot that shows the actual issue.

Thank you

1 attachment

webtab issue.PNG

WebDesktopManager_Modified1.zip

Yudi Member

Posted: June 16, 2015 3:21 AM in response to Kasinadh Somanchi

The only issue i wanted the fix is to set the web tab height to 100% of the page height. For your reference i have attached the screen shot that shows the actual issue.

Thank you for the explanation. It helps a lot to identify the problem.

Please follow the steps below in order to fix the problem.

Open WorkFlowManagerFrame.aspx.

Add following style.

<style type="text/css">
    html, body, form
    {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
</style>

Set the height of div element as the container of table to 100%.

<body id="body" runat="server" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"
    bgcolor="#BAD3F5">
    <form id="form1" runat="server">
    <div style="height: 100%;">
        <table style="height: 100%; table-layout: fixed; border-collapse: collapse; width: 100%;">
            ...
        </table>
    </div>
    </form>
</body>

The result will look like following.

For your reference, I enclosed the modified project. Please give it a spin and let us know how it works on your end.

2 attachments

WebGridInsideWebTab.png

Posted: June 18, 2015 4:27 PM in response to Yudi

Thanks for your response.

I have modified the styles and i was able to fix the web tab issue. But the web grid pager issue still not resolved.

If the web grid has more than 30 rows it doesnt show the pager on screen but it shows the vertical and horrizontal scroll bars. To see the pager i will have to scroll down the vertical scroll bar. Actually pager is hidden inside ther webtab(frame).

WebGrid_ClassicPaging.png

Yudi Member

Posted: June 19, 2015 8:00 AM in response to Kasinadh Somanchi

I modified the unbound grid in OpsCreate.aspx page and bind it to Customers table of Northwind. The grid now has 91 rows. Next, simply enable paging feature and the pager is rendered without any issues on browser.

Screenshot:

Please let me know if you have different result.

1 attachment

Posted: June 19, 2015 1:42 PM in response to Yudi

I am getting same result as before. For your reference i have attached the screen shot of the page.

I am using IE11 (Edge).

Below is the webgrid settings.

<ISWebGrid:WebGrid ID="GridCtrl" runat="server"
DefaultStyleMode="Elegant" Height="100%" UseDefaultStyle="True" Width="100%"
RenderingMode="HTML5">
<LayoutSettings AllowColumnFreezing="Yes" AllowColumnMove="Yes" AllowExport="Yes"
AllowFilter="Yes" AllowSorting="Yes" ApplyFiltersKey="Enter" RowHeightDefault="-1px"
AutoHeight="True" GroupRowInfoFormatDefault="[caption]: [value], MO Count: [count]"
HideColumnsWhenGrouped="No" PagingExportMode="ExportAllData" PagingMode="ClassicPaging"
PagingSize="50" PagingStyleUI="Slider">

1 attachment

GridIssue.PNG

Modified OpsCreate Page.zip

Yudi Member

Posted: June 24, 2015 3:03 AM in response to Kasinadh Somanchi

This problem doesn't deals with WebGrid control. It is simply about layout using html and css.

Let's focus on the OpsCreate.aspx page. This page has a header and content. In the header, I add the Refresh and Create button. WebGrid will be added in the content area.

First, I wrap the header in a div element and define the style as follow.

div#header
{
    top: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    position: absolute;
}

<div id="header">
    <table class="style1" style="background-color: #bad3f5;
        vertical-align: middle; text-align: center; height: 40px">
        <tr>
            <td>
                <input id="RefreshCtrl" type="button" value="Refresh"
                    onclick="OnRefresh()" style="width: 80px" />
            </td>
            <td>
                <input id="CreateCtrl" type="button" value="Create"
                    onclick="OnCreate()" style="width: 80px" />
            </td>
        </tr>
    </table>
</div>

Next, add another div as the container for content. The height of this div is 100% minus the height of header. The snippet below shows how to do this using css.

div#content
{
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

<div id="content">
    <div style="position: relative; height: 100%; overflow: hidden;">
        <ISWebGrid:WebGrid ID="GridCtrl" runat="server"
            Width="100%" Height="100%" UseDefaultStyle="True"
            RenderingMode="HTML5" DataSourceID="AccessDataSource1">
            ...
        </ISWebGrid:WebGrid>
    </div>
</div>

I enclosed the modified version of OpsCreate.aspx page for reference. By applying the above snippet code, your requirement - to show pager in WebGrid - now works.

This should helps.

1 attachment