Questions on UI for ASP.NET AJAX Forum

3 answers

68 views

Move File Problem with IE Document Mode other than IE9

hi guys
we got a problem with the Drag'n'Drop / Move functionality of RadFileExplorer in IE9 if the document mode is set to something else than IE9 standards. I've tested it with IE8 and that seems to work...
the problem is just happening in IE9.
We try to use the RadFileExplorer on SharePoint 2010 and there is a meta tag in the masterpage that defines the document mode to IE8:

<meta http-equiv="X-UA-Compatible" content="IE=8"/>

We cannot adjust this value to 9 or just remove it, because then the SharePoint 2010 has other problems.

You can reproduce this behaviour also on your FileExplorer demos with IE9.
http://demos.telerik.com/aspnet-ajax/fileexplorer/examples/client-sideapi/clientsideevents/defaultcs.aspx
Set the Document Mode in the developer tools to 'Internet Explorer 8 or 7' and try to drag'n'drop / move a file into another folder in the tree and nothing happens. after that, client side functionalities like changing a folder aren't working also.

Could you please help me with this?
Thanks in advance!
Matthias

FileExplorer

answered on 21 Nov 2012

1 answer

31 views

In paragraphs style drop down there is no h6 tag selection for headers.

One of your clients is complaining that there is no sixth level heading in In paragraphs style drop down (h6 tag)

Editor

answered on 21 Nov 2012

1 answer

79 views

All URLs when copied in the design view become fully qualitfied

All URLs when copied in the design view of the RadEditor become fully qualified. This happens in IE, Chrome, and Firefox.

Steps to reproduce:

In design view, copy existing link.
Paste that link in design view.

I was able to reproduce this on your demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Editor

answered on 21 Nov 2012

1 answer

113 views

TableWizard broken

Hey guys,

I have a question concerning the tableWizard's style itself, not concerning the CSS selector for a table, placed into the ContentArea of the Editor.
I have created a custom skin for my Editor and everything is working fine, until I open the Table Wizard. It has obviously completely lost its style('s). Can anybody tell me, what I have to consider, when I create a custom skin in order to keep the Table Wizard look as usual? Da I have to copy certain default styles to my Skin-File and if so, to where?

My radEditor's contentArea is rendered in Iframe-Mode, the skind propertty is set to the skin name and the EnableEmbeddedSkins-property is set to false

Best regards!
Peter

here is a link to the obviously totally broken style:

LINK

Editor

answered on 21 Nov 2012

2 answers

68 views

RadEditor and IFrame in IE9

We are using Telerik RadControls 2012 Q3.
In our project we are also using JQuery-UI tabs and we have the following html structure:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab1</a></li>
        <li><a href="#tabs-2">Tab2</a></li>
    </ul>
    <div id="tabs-1">
           Tab1 Content
    </div>
    <div id="tabs-2">
             <iframe width="100%" height="700px" src="Editor.aspx" scrolling="no" frameBorder="0" id="IframeArticleEditor" />
    </div>
</div>

RadEditor is included in Editor.aspx.
Obviously, when the page is loaded, tab2 with RadEditor is hidden.

After page is loaded, when we enable Tab2, toolbar layout in RadEditor is crashed.
Also, RadEditor layout is crashed if you try to change its size by moving right bottom corner.
This issue occurs in IE9 only, Chrome and Firefox works well.

Attached hereto please find a test project.

Editor

answered on 21 Nov 2012

3 answers

214 views

Grid Cells Resize When Scrolling Reaches Last Column

I have a RadGrid that I am using in a web application for a client. The issue I am facing presently is that when the horizontal scrolling reaches the last column on the right of the grid, all of the cells in the grid resize (growing in both width and height). I have some screen shots hosted here:

1) Far Left
2) Second to Last Column
3) Last Column (every cell resizes)

I have specified the following settings when I bind my data source in the code behind:

AutoGenerateColumns = true;

ClientSettings.Scrolling.AllowScroll = true;

ClientSettings.Scrolling.SaveScrollPosition = true;

ClientSettings.Scrolling.FrozenColumnsCount = 5;

ClientSettings.Scrolling.UseStaticHeaders = true;

Width = Unit.Pixel(1200);

MasterTableView.TableLayout = GridTableLayout.Fixed;

And in my ColumnCreated event I have the following code:

if (e.Column.UniqueName == "ID")

e.Column.Display = false;

e.Column.HeaderStyle.HorizontalAlign = HorizontalAlign.Center;

e.Column.HeaderStyle.Width = Unit.Pixel(40);

if (e.Column.UniqueName == "Process")

e.Column.HeaderStyle.Width = Unit.Pixel(100);

if (e.Column.UniqueName == "Act/Dept")

e.Column.HeaderStyle.Width = Unit.Pixel(300);

if (e.Column.UniqueName == "Visit")

e.Column.HeaderStyle.Width = Unit.Pixel(80);

Also, I have overridden the scroll bar's CSS such that:

margin-right: 0px !important;

However this behavior is observed with and without this.

How can I resolve the cell resizing behavior that I am seeing?

Grid

answered on 21 Nov 2012

2 answers

105 views

radComboBox with asp:checkbox in RadGrid column

Hi All,

I currently have a RadComboBox with an asp:Checkbox working as needed. (Code behind is responsible for adding checkboxes and their "labels". (See aspx Code below)

I now need to figure out how to implement this in a column in a RadGrid, and seem to be running into real challenges. ANY help on this would be much appreciated!

<telerik:RadComboBox

runat="server"

Width="235px"

ID="ddUsersSelector"

HighlightTemplatedItems="true"

ClientIDMode="Static"

EnableVirtualScrolling="True"

Skin="Default"

ToolTip="Select Users"

MaxHeight="200px">

<ItemTemplate>

<asp:CheckBox

runat="server"

dependency = "adduser"

ID="UserCheckBox"

OnClick="CheckBoxClick(this)"

Text=""

ClientIDMode="Static" />

</ItemTemplate>

<CollapseAnimation Type="OutQuint" Duration="200" />

</telerik:RadComboBox>

Grid

answered on 21 Nov 2012

1 answer

230 views

Scroll With DetailTables

I have a RadGrid with a detail table which i set UseStaticHeaders="True" AllowScroll="true" FrozenColumnsCount="6" is doesn't work
Code Behind:

<telerik:RadGrid ID="rgTracking" runat="server" AllowPaging="true" AllowSorting="True" ShowStatusBar="true"

PageSize="10" AllowMultiRowSelection="true" AutoGenerateColumns="false"

onpageindexchanged="rgTracking_PageIndexChanged" Skin="Vista" OnSortCommand="rgTracking_SortCommand"

OnDetailTableDataBind="rgTracking_DetailTableDataBind">

<MasterTableView AllowFilteringByColumn="false" AllowMultiColumnSorting="true" DataKeyNames="ID">

<NoRecordsTemplate>

<div id="GridNoRecords"><asp:Label ID="lblNoRecord" runat="server" Text="查無資料！" /></div>

</NoRecordsTemplate>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">

<ItemStyle Width="20px" />

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="ID" display="false"/>

<telerik:GridBoundColumn DataField="Item" HeaderText="項目"/>

<telerik:GridBoundColumn DataField="DeptType" HeaderText="部別" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="Manager" HeaderText="負責人" />

<telerik:GridBoundColumn DataField="ProductName" HeaderText="產品名稱"/>

<telerik:GridBoundColumn DataField="Industry" HeaderText="應用產業"/>

<telerik:GridBoundColumn DataField="ProductCategory" HeaderText="產品大分類" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="ProductSubCategory" HeaderText="產品細分類" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="Customer" HeaderText="目標客戶"/>

<telerik:GridBoundColumn DataField="TechAndNode" HeaderText="Tech, Node"/>

<telerik:GridBoundColumn DataField="CustomerUnit1" HeaderText="客戶對應單位一"/>

<telerik:GridBoundColumn DataField="CustomerUnit2" HeaderText="客戶對應單位二"/>

<telerik:GridBoundColumn DataField="Opponent" HeaderText="競爭廠商" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="MarketScale_QtyOrM" HeaderText="市場規模-Qty/M" DataType="System.Int32" DataFormatString="{0:##,#}"/>

<telerik:GridBoundColumn DataField="MarketScale_Unit" HeaderText="市場規模-數量單位"/>

<telerik:GridBoundColumn DataField="MarketScale_AmtOrM" HeaderText="市場規模-Amt(NTD)/M" DataType="System.Int32" DataFormatString="{0:##,#}"/>

<telerik:GridBoundColumn DataField="TargetDate" HeaderText="預計完成時間" DataType="System.DateTime" DataFormatString="{0:yyyy-MM-dd}"/>

<telerik:GridBoundColumn DataField="Forecast_ThisYear" HeaderText="今年開發成果預估(NTD)" DataType="System.Int32" DataFormatString="{0:##,#}"/>

<telerik:GridBoundColumn DataField="Forecast_NextYear" HeaderText="明年開發成果預估(NTD)" DataType="System.Int32" DataFormatString="{0:##,#}"/>

<telerik:GridBoundColumn DataField="Forecast_NextYear" HeaderText="確認開發階段" DataType="System.Int32"/>

<telerik:GridBoundColumn DataField="Forecast_NextYear" HeaderText="上次開發進度" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="Forecast_NextYear" HeaderText="最新開放進度" />

<telerik:GridBoundColumn DataField="OutstandingIssue_Dept" HeaderText="最新待決議題-自身部門" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="OutstandingIssue_Master" HeaderText="最新待決議題-高層" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="IsCompleted" HeaderText="是否結案" />

<telerik:GridBoundColumn DataField="CompletedDate" HeaderText="結案日期" DataType="System.DateTime" DataFormatString="{0:yyyy-MM-dd}" />

<telerik:GridBoundColumn DataField="CompletedDesc" HeaderText="完成狀態" />

<telerik:GridBoundColumn DataField="Remark" HeaderText="備註" />

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="ID,ProductID" Name="TrackingDetails" AllowFilteringByColumn="false">

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" />

<telerik:GridBoundColumn DataField="ProductID" HeaderText="ProductID" />

<telerik:GridBoundColumn DataField="Year" HeaderText="年度"/>

<telerik:GridBoundColumn DataField="Week" HeaderText="周次" />

<telerik:GridBoundColumn DataField="ManagerConfirm" HeaderText="ManagerConfirm"/>

<telerik:GridBoundColumn DataField="SupervisorConfirm" HeaderText="SupervisorConfirm"/>

<telerik:GridBoundColumn DataField="DevelopmentPhase" HeaderText="DevelopmentPhase"/>

<telerik:GridBoundColumn DataField="OutstandingIssue_Dept" HeaderText="待決議題-自身部門"/>

<telerik:GridBoundColumn DataField="OutstandingIssue_Master" HeaderText="待決議題-高層"/>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ItemStyle Wrap="False" />

<HeaderStyle Wrap="False" />

<ClientSettings>

<Scrolling UseStaticHeaders="True" AllowScroll="true" FrozenColumnsCount="6" ScrollHeight="100%"/>

<Selecting AllowRowSelect="true"/>

<ClientEvents OnRowSelected="RowSelected" OnRowDeselected="RowSelected"/>

</ClientSettings>

<PagerStyle Mode="NumericPages" AlwaysVisible="true" />

</telerik:RadGrid>

Is this a bug, or might I be overlooking something?
Here is a picture you can reference
https://www.dropbox.com/sh/iun37z4shgv0ahc/mtP70FqlOn/RadGrid.jpg

Thanks & Regards,

Grid

answered on 21 Nov 2012

1 answer

167 views

RadCalendar load so slow

I have used RadCalendar to display specify dates. Appointment is a object with propertes : StartTime and EndTime
In codebehind, i used event DayRender to display dates between StartTime and EndTime each of appointment.
With only some appointment, RadCalendar still load so slow.
Sorry my bad english.
Here my code:
ascx.vb

Protected Sub RadCalendar1_DayRender(ByVal sender As Object, ByVal e As DayRenderEventArgs) Handles RadCalendar1.DayRender

Dim Specificdate As DateTime = e.Day.Date

Dim flag = False

Dim lst As List(Of AIAppointmentInfo) = ctlAIAppointment.GetByUserId(UserInfo.UserID)

For Each obj As AIAppointmentInfo In lst

If flag = False Then

If Specificdate >= obj.StartTime And Specificdate <= obj.EndTime Then

e.Cell.CssClass = "SpecificDay"

flag = True

ElseIf Specificdate.Day = obj.StartTime.Day And Specificdate.Month = obj.StartTime.Month And Specificdate.Year = obj.StartTime.Year Then

e.Cell.CssClass = "SpecificDay"

flag = True

End If

Next

End Sub

ascx

<telerik:RadCalendar runat="server" ID="RadCalendar1" Skin="Hay" AutoPostBack="False"

EnableMultiSelect="false" DayNameFormat="FirstTwoLetters" EnableNavigation="true"

EnableMonthYearFastNavigation="false" IsTodayHighlighted="true"

>

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today" Date="" ItemStyle-CssClass="rcToday" />

</SpecialDays>

</telerik:RadCalendar>

Calendar

answered on 21 Nov 2012

3 answers

106 views

I am not able to right click in RadEditor with IE 8 browser but its working fine with mozilla

Hi,
I am using RadEditor conrol in my application. In IE 8 browser when i try to right click in the RadEditor, nothing is happen. But its working fine with the mozilla firefox browser.
Kindly provide the solution to enable the right click in the IE browser for the RadEditor control.

Editor

answered on 21 Nov 2012