iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hi,
We have an issue in implementing 'lang' attribute on to the master page.
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" >
For this to work we need to add the DTD with the doctype tag
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
but this breaks the grid display , with scroll bars......
I downloaded the version of Grid dlls which supports the XHTML,but still the issue.
I have attached my sample application.please change the connection string of the datasource to test on your end.could you please help on this.Is anything wrong with the DLL versions I have?
This is urgent for us.
Thanks
Arun
Actually our webgrid supports doctype also lang attribute. But in your sample, i think your problems occurs because there are any styles does not work well. I tried to create a new Master page without various styles in your sample, and your sample is working fine. This makes me sure that your problem is occurs because of it.
Then , i tried to modify your code exactly in the master page. And your sample can working fine now. Below your code that i have modified.
//before<body style="margin: 0px 0px 0px 0px; border-collapse: collapse;">//after<body style="border-collapse: collapse;">//before <asp:Panel ID="Panel2" runat="server" Height="100%" Width="100%" ScrollBars="Auto" Style="overflow: auto;">//after<asp:Panel ID="Panel2" runat="server" Height="100%" Width="100%">
Hope this helps.
Regards,
Hendrik
Hi Hendrik,
Sorry probably I didn’t explain this well, please see the explanation below.
The software attached is as is working model, we have nearly 300 client using this product.
Since we were using grid6.x we couldn’t enable the xhtml support in our pages. Lately we were experimenting the grid 7 which has the xhtml support .
The following scenario is not working when we changed the doctype .
The setting of the grid is done in such a way that the scroll bar appears inside the grid, so we don’t use a scroll bar in the browser. The screen shot attached(Fig 1.jpeg )shows the how the data is loaded currently.
When we changed the doctype to XHTML, see how the screen looks now (Fig 2.jpeg).
The scroll bar is not coming for the grid, but the browser scroll bar is appearing.
The other problem with this is, it change the existing working model of load on demand, when we scroll down automatically the grid load the next 50 records, since we don’t have the grid scroll bar this feature is not working.see (Fig3.jpeg)
Can you please help us here and tell us what we are doing wrong or if any workaround for this
We have almost 80 pages in the system which uses similar concept
Please see attached sourcecode which has the sample we worked out.
Hi Arun,
I discovered what the cause of your issue. In xhtml, the Height property cannot assigned with percentage value. This is not only happens in asp panel element, but also occurs in div element. So, if you assign the height property of your asp panel with percentage value, it will not be implemented. Even though there is no WebGrid inside
As workaround, you need to define the value of Height property from asp panel element in pixel unit. In your sampe, i tried to change your asp panel height (asp panel2 in master page) from 100% to 500px. The result, your sample can display properly now.
We can't set the height to 500px because master page is used by other pages which doesn't have Grid.
Also we proved that this is nothing to do with the panel height by using a blank master page.
do you have any other solution ?
As far I know, this is a limitation in XHTML doctype. Even though you were using Master Page, I think you can set the style to the element manually in onload.
Regards,Handy
It seems you misunderstood my point. It does not matter if you used MasterPage or not. The main point is the container size. If you said it does not have any connection with panel, then you were wrong.
In XHTML, set height 100% in div or panel would not work as expected. This is the limitation in using XHTML. That's why my colleague, Hendrik, suggested to use pixel. FYI, WebGrid contains some div collection as its element.As you said, you could not change this to your master page because it is being used for another page.So, I suggested in my previous post, to set the element manually in onload page. You need to do it in javascript and get the container in your master page and set the height in pixel (only for page that contains WebGrid).Here, I sent you my sample about how to do it.
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname