|
|
Rank: Member
Groups: Member
Joined: 12/27/2010
Posts: 14
|
Hi,
I am experimenting with the grid control , It works fine when i'm in the left to right mode but when I set it to RTL and the html page is set to dir='rtl' then rendering issues start to appear as in the below screen shot ... Can you help me please ? Uploaded with ImageShack.usThis is the page markup I am using :
Code: HTML/ASPX
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="ArchivingSystem.WebForm2" %>
<%@ Register TagPrefix="eo" Namespace="EO.Web" Assembly="EO.Web" %>
<!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" dir='rtl'>
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<eo:Grid RightToLeft="true" ID="Grid2" runat="server" BorderColor="#828790" BorderWidth="1px"
ColumnHeaderAscImage="00050204" ColumnHeaderDescImage="00050205"
ColumnHeaderDividerImage="00050203" ColumnHeaderHeight="24" PageSize="4"
FixedColumnCount="1" Font-Bold="False" Font-Italic="False" Font-Names="Tahoma"
Font-Overline="False" Font-Size="8.75pt" Font-Strikeout="False"
Font-Underline="False" GridLineColor="240, 240, 240" GridLines="Both"
Height="150px" ItemHeight="19" Width="1000px" AllowPaging="true" AllowColumnReorder="false" ScrollBars="Auto" >
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
<ItemStyles>
<eo:GridItemStyleSet>
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x" />
<SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x" />
<CellStyle CssText="padding-left:8px;padding-top:2px;white-space:nowrap;" />
</eo:GridItemStyleSet>
</ItemStyles>
<ColumnTemplates>
<eo:TextBoxColumn>
<TextBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8.75pt; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma" />
</eo:TextBoxColumn>
<eo:DateTimeColumn>
<DatePicker ControlSkinID="None" DayCellHeight="16" DayCellWidth="19"
DayHeaderFormat="FirstLetter" DisabledDates="" OtherMonthDayVisible="True"
SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
TitleRightArrowImageUrl="DefaultSubMenuIcon">
<TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
<SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<PickerStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;font-family:Courier New;font-size:8pt;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<TitleArrowStyle CssText="cursor:hand" />
<DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px" />
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid" />
<DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
</DatePicker>
</eo:DateTimeColumn>
<eo:MaskedEditColumn>
<MaskedEdit runat="server" ControlSkinID="None"
TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:8pt;">
</MaskedEdit>
</eo:MaskedEditColumn>
</ColumnTemplates>
<ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:4px;" />
<Columns >
<eo:RowNumberColumn />
<eo:StaticColumn HeaderText="FileContentType" DataField="FileContentType" AllowResize="true" Width="400" />
<eo:StaticColumn HeaderText="FileIconUrl" DataField="FileIconUrl" AllowResize="true" Width="400" />
<eo:StaticColumn HeaderText="FileName" DataField="FileName" AllowResize="true" Width="400" />
</Columns>
<ColumnHeaderStyle CssText="background-image:url('00050201');padding-left:8px;padding-top:4px;" />
</eo:Grid>
</div>
</form>
</body>
</html>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
We are not sure whether this is a browser issue or something that can be worked around on the Grid. We will look into it and see what we can do.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 12/27/2010
Posts: 14
|
Ok Thanks alot .. I am eager to hear your feedback because I am evaluation the component for purchase and these issues are the last I found .. Also, please I have another problem that I think is related to the same issue on this post .. this time it is the treeview set to RTL and the page is set to RTL .. The issue is as you can see in the below screenshot :  Uploaded with ImageShack.usThank you
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
It is our best interest to support all cases but all browsers are weak on RTL support simply because the vast majority uses LTR. In case an issue is rooted in the browser, there usually isn't much we can do. We can try to work around it but sometimes it works and sometimes it doesn't. When it doesn't work, we can't get Microsoft or Mozilla people or Apple/Google to fix their browser.
The last issue is definitely a browser issue. We do not do anything special when the TreeView scrolls. You can try to adjust the TreeNode's padding/margins to see if that will help. Increasing the padding/margins might give more "rooms" around the node thus make it fully visible.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 12/27/2010
Posts: 14
|
I have played a little with the margin property and it did enhance the look and feel .. not completely solved it but is acceptable now ...
Waiting for your feedback on the grid view ... Thanks a lot ..
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
We have posted a new build that added preliminary RTL support on the Grid. Note this is preliminary support only. There are still browser issues similar to that of the TreeView that we are hopping to be able to work out.
Once you upgrade to the new build (Please see your private message for the download location), you will also need to modify your Grid's PageLabelTemplate to fit your need. The default value is:
{var:total_pages} page(s):
This will cause the rendering problem you noticed in the initial version because "page(s)" will be rendered "(page(s" in RTL mode. This is however the "correct" rendering behavior. In order for the result make sense to the final user, you will want to change that text string such as the native RTL language text.
Thanks!
|
|