Questions on UI for ASP.NET AJAX Forum

1 answer

83 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

117 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

75 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

233 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

111 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

239 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

181 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

113 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

1 answer

81 views

Drag and Drop to DropDownList

Is it possible to drag and drop a row from a radgrid to a dropdownlist?

I have a website that allows the existence of multiple shopping carts. While viewing the contents of one cart on a radgrid, I want to be able to move a cart item to a different cart via drag and drop. The names of the other carts are shown in the dropdownlist.

Thanks.

Grid

answered on 21 Nov 2012

4 answers

191 views

RadDatapager Template - Set defaults

Hello, I use a the RadDataPager in multiple places throughout my project. I have many properties set in a specific fashion, and I find myself having to copy/paste the pager all over.

Is there a way to set up a skin or a default style or a control for the pager so that the options can be set in one place only?

Below is my code for the pager. I even end up duplicating it on each single page due to the fact that I show the pager on the top and on the bottom of the page.

Thanks!

<telerik:RadDataPager ID="RadDataPagerBottom" runat="server" IsTotalItemCountFixed="True" Skin="Windows7" Width="730px" CssClass="Custom">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerTemplatePageField HorizontalPosition="RightFloat">

<PagerTemplate>

<div style="float: right;color:#666666;">

Displaying items <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1 %>" />

to

<asp:Label runat="server" ID="TotalPagesLabel"

Text="<%# (Container.Owner.TotalRowCount < Container.Owner.StartRowIndex + Container.Owner.PageSize)?Container.Owner.TotalRowCount:Container.Owner.StartRowIndex + Container.Owner.PageSize  %>" />

of

<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount %>" />

</div>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</Fields>

</telerik:RadDataPager>

DataPager