Questions on UI for ASP.NET AJAX Forum

0 answers

72 views

How to call print function RadEditor Control without using print button of RadEditor?

Hi ,

How to call print function RadEditor Control without using print button of RadEditor?

i try it :

var editor = $find("<%=RadEditor1.ClientID%>");
editor.fire("Print");

And not working !

How i this ?

plz help me

Editor

asked on 06 Aug 2017

0 answers

259 views

Error 'Non-negative number required. Parameter name: count'

Someone help me?? It's happened to me in .Net Reflector!! I hear some one it fix by 010 Editor, right?

ProgressArea

asked on 06 Aug 2017

0 answers

131 views

GridMaskedColumn Validation

Hello,

I am in need of a way to validate my GridMaskedColumns. The input mustbe in military time. (00:00) to (23:59) Can you all help me find the best possible solution.

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="50%" Width="2000px">

<table>

<tr>

<td align="center" style="background-color: dimgray">

<h2>Weekly Schedule</h2>

</td>

</tr>

<tr>

<td>

<asp:Panel ID="Panel1" runat="server" Width="2000px" >

<table>

<tr>

<td>

<telerik:RadDatePicker RenderMode="Lightweight" ID="dpStartDate" Height="20px" Width="100%" runat="server" DateInput-Label="" EnableTyping="false" ToolTip="Select Week - Starting with Monday" Skin="Metro"></telerik:RadDatePicker>

</td>

<td>

<telerik:RadDropDownList RenderMode="Lightweight" ID="ddDepartments" runat="server" DropDownHeight="200px" Height="20px" Width="150px" DefaultMessage="-Department-" DropDownWidth="150px" Skin="Metro" ToolTip="Departments">

<Items>

<telerik:DropDownListItem runat="server" Text="Finish Ops" />

<telerik:DropDownListItem runat="server" Text="Hardware" />

<telerik:DropDownListItem runat="server" Text="Machining" />

<telerik:DropDownListItem runat="server" Text="Quality" />

<telerik:DropDownListItem runat="server" Text="Sheet Metal" />

<telerik:DropDownListItem runat="server" Text="Shipping" />

</Items>

</telerik:RadDropDownList>

</td>

<td>

<telerik:RadDropDownList RenderMode="Lightweight" ID="ddShifts" runat="server" DropDownHeight="100px" Height="20px" Width="150px" DefaultMessage="-Shift-" DropDownWidth="150px" Skin="Metro" ToolTip="Shift">

<Items>

<telerik:DropDownListItem runat="server" Text="First" />

<telerik:DropDownListItem runat="server" Text="Second" />

<telerik:DropDownListItem runat="server" Text="Weekend" />

</Items>

</telerik:RadDropDownList>

</td>

<td>

<telerik:RadButton ID="btnLoad" runat="server" Height="20px" OnClick="btnLoad_Click" Skin="Metro" Text="Load" ToolTip="Load"></telerik:RadButton>

</td>

<td>

<telerik:RadButton ID="btnTransfer" runat="server" Height="20px" OnClick="btnTransfer_Click" Skin="Metro" Text="Transfer" ToolTip="Transfer schedule from previous week"></telerik:RadButton>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

<table>

<tr>

<td style="vertical-align:top">

<telerik:RadGrid ID="gvDetailsMain" Skin="Metro" ScrollBars="Vertical" runat="server" AutoGenerateColumns="False" Width="2000px" Height="900px"

OnNeedDataSource="gvDetailsMain_NeedDataSource" OnItemDataBound="gvDetailsMain_ItemDataBound" OnUpdateCommand="gvDetailsMain_UpdateCommand"

GroupPanelPosition="Top" ClientSettings-AllowKeyboardNavigation="true">

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

<MasterTableView Name="MasterTableView_Schedule" TableLayout="Fixed" CommandItemDisplay="Top" EditMode="Batch" DataKeyNames="EmployeeCode, sMondayID, sTuesdayID, sWednesdayID, sThursdayID, sFridayID, sSaturdayID, sSundayID">

<CommandItemSettings ShowRefreshButton="true" ShowAddNewRecordButton="false" AddNewRecordText="Add" />

<BatchEditingSettings EditType="Cell" />

<ColumnGroups>

<telerik:GridColumnGroup Name="EmployeeInfo" HeaderText="Employee Info" HeaderStyle-HorizontalAlign="Center" />

<telerik:GridColumnGroup Name="Monday" HeaderText="Monday" HeaderStyle-HorizontalAlign="Center" />

<telerik:GridColumnGroup Name="Tuesday" HeaderText="Tuesday" HeaderStyle-HorizontalAlign="Center" />

<telerik:GridColumnGroup Name="Wednesday" HeaderText="Wednesday" HeaderStyle-HorizontalAlign="Center" />

<telerik:GridColumnGroup Name="Thursday" HeaderText="Thursday" HeaderStyle-HorizontalAlign="Center" />

<telerik:GridColumnGroup Name="Friday" HeaderText="Friday" HeaderStyle-HorizontalAlign="Center" />

<telerik:GridColumnGroup Name="Saturday" HeaderText="Saturday" HeaderStyle-HorizontalAlign="Center" />

<telerik:GridColumnGroup Name="Sunday" HeaderText="Sunday" HeaderStyle-HorizontalAlign="Center" />

</ColumnGroups>

<Columns>

<telerik:GridMaskedColumn UniqueName="FullName" DataField="FullName" Aggregate="None" HeaderText="Employee" SortExpression="Type" HeaderStyle-Width="35px" ReadOnly="true" ColumnGroupName="EmployeeInfo"/>

<telerik:GridMaskedColumn UniqueName="EmployeeCode" DataField="EmployeeCode" Aggregate="None" HeaderText="Clock #" SortExpression="EmployeeCode" HeaderStyle-Width="10px" ReadOnly="true" ColumnGroupName="EmployeeInfo"/>

<telerik:GridMaskedColumn UniqueName="sMonday" DataField="sMonday" Aggregate="None" HeaderText="In" SortExpression="sMonday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Monday" Mask="##:##" ColumnValidationSettings-RenderValidatorBeforeEditor="true"/>

<telerik:GridMaskedColumn UniqueName="eMonday" DataField="eMonday" Aggregate="None" HeaderText="Out" SortExpression="eMonday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Monday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="sTuesday" DataField="sTuesday" Aggregate="None" HeaderText="In" SortExpression="sTuesday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Tuesday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="eTuesday" DataField="eTuesday" Aggregate="None" HeaderText="Out" SortExpression="eTuesday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Tuesday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="sWednesday" DataField="sWednesday" Aggregate="None" HeaderText="In" SortExpression="sWednesday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Wednesday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="eWednesday" DataField="eWednesday" Aggregate="None" HeaderText="Out" SortExpression="eWednesday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Wednesday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="sThursday" DataField="sThursday" Aggregate="None" HeaderText="In" SortExpression="sThursday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Thursday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="eThursday" DataField="eThursday" Aggregate="None" HeaderText="Out" SortExpression="sThursday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Thursday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="sFriday" DataField="sFriday" Aggregate="None" HeaderText="In" SortExpression="sFriday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Friday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="eFriday" DataField="eFriday" Aggregate="None" HeaderText="Out" SortExpression="eFriday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Friday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="sSaturday" DataField="sSaturday" Aggregate="None" HeaderText="In" SortExpression="sSaturday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Saturday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="eSaturday" DataField="eSaturday" Aggregate="None" HeaderText="Out" SortExpression="eSaturday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Saturday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="sSunday" DataField="sSunday" Aggregate="None" HeaderText="In" SortExpression="sSunday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Sunday" Mask="##:##"/>

<telerik:GridMaskedColumn UniqueName="eSunday" DataField="eSunday" Aggregate="None" HeaderText="Out" SortExpression="eSunday" HeaderStyle-Width="10px" ReadOnly="false" ColumnGroupName="Sunday" Mask="##:##"/>

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True"/>

<Selecting AllowRowSelect="true" />

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

<telerik:RadNotification ID="rnMessage" runat="server" Skin="Metro" EnableRoundedCorners="true" EnableShadow="true" Text="Please fill in all feilds" Title="Message" Width="500" Height="100"></telerik:RadNotification>

<telerik:RadNotification ID="rnMessageMonday" runat="server" Skin="Metro" EnableRoundedCorners="true" EnableShadow="true" Text="Please select your week starting with Monday" Title="Message" Width="500" Height="100"></telerik:RadNotification>

<telerik:RadNotification ID="rnMessageGood" runat="server" Skin="Metro" EnableRoundedCorners="true" EnableShadow="true" Text="Good To GO!" Title="Message" Width="500" Height="100"></telerik:RadNotification>

Grid

asked on 04 Aug 2017

1 answer

139 views

Highlighted selected tile

Hi,

Instead of putting a check mark on the upper-right corner when a tile is clicked, is there a way to highlight the tile?

Wesley

TileList

answered on 04 Aug 2017

1 answer

328 views

Download version 2014 Q3

We are planning to buy new licenses for 'UI for ASP.NET Ajax' but need to use older version 2014 Q3 in one of our legacy app. My question is can we download the older version and get support though my licence will be new.

General Discussions

answered on 04 Aug 2017

1 answer

156 views

Tooltip on SparkChart - AreaSeries

Is there any way to position the tooltip above or below a Sparkchart AreaSeries? Right now - because of the small nature of the chart - the tooltip covers up the points to the right - so you have to move your mouse out of the chart entirely and then back in to get the next point to the right. If you navigate right to left the problem goes away - as the tooltip is off the other direction.

Chart (HTML5)

answered on 04 Aug 2017

1 answer

196 views

How to align the width and height of an RadMenuItem and an ItemTemplate to match the size of the containing controls?

Hello,

i use a Split Button, which has a ContextMenu attached to it. Inside the ContextMenu, there is one MenuItem, which contains an ItemTemplate with two CheckBoxes. How is it possible that the ItemTemplate matches the size of the containing CheckBoxes? So there should be no padding/margin between the CheckBoxes and the border of the ContextMenu.

I attached a screenshot of how it looks right now.

Code:

<telerik:RadButton EnableSplitButton="true" ID="btn4" AutoPostBack="true" runat="server" Text="Example Button Text" OnClientClicked="OnClickedRadButton" CommandName="cmdBt4" OnClick="btn4_Click" CausesValidation="true">

</telerik:RadButton>

<telerik:RadContextMenu id="rcmBtn4" runat="server">

<Items>

<telerik:RadMenuItem>

<ItemTemplate>

<p>

<telerik:RadCheckBox runat="server" ID="rcb1" CausesValidation="false" Checked="true" Text="als Excel-Datei (.xlsx) exportieren" AutoPostBack="false" />

</p>

<p>

<telerik:RadCheckBox runat="server" ID="rcb2" CausesValidation="false" Checked="true" Text="Checkbox Text 2" AutoPostBack="false" />

</p>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

Menu

answered on 04 Aug 2017

0 answers

149 views

Appointment Bar is not Showing For Full Day

Appointment Bar is not Showing For Full Day is Rad Schedular and also hides particular appointment in the panel were the apponint start date is 26/07/2017 but is hides before 25/07/2017 , when is check thrgh the browser inspect the margin-left was is -435 PX if i set 0 PX bar comes to normal position.

And i have attached the scrn.

Scheduler

asked on 04 Aug 2017

1 answer

159 views

find costum control in filter template

I'm trying to filter a column of a grid table using a custom persian datepicker control that mentioned in Grid - Filter Templates demo. but it couldn't find that custom date picker in javascript code , so the alert function returns "null".

plz help.

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid2" ShowStatusBar="true" runat="server" AllowPaging="True" PageSize="5" DataSourceID="sds_RadGrid_Records" AllowFilteringByColumn="true" >

<MasterTableView Width="100%" AutoGenerateColumns="false" DataKeyNames="AutoCnt" DataSourceID="sds_RadGrid_Records">

<Columns>

<telerik:GridBoundColumn ItemStyle-Width="30px" UniqueName="RegNumber" ShowFilterIcon="false" DataField="RegNumber" HeaderText="RegNumber" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterDelay="2000">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ItemStyle-Width="30px" UniqueName="Barid_ID" DataField="Barid_ID" HeaderText="Barid_ID"

CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ItemStyle-Width="30px" ShowFilterIcon="false" UniqueName="People" DataField="People" HeaderText="People"

CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterDelay="10000">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataType="System.DateTime" UniqueName="RegDate" DataField="RegDate" HeaderText="RegDate">

<%--<ItemTemplate>

<asp:Label ID="Label32" runat="server" Text='<%# Fadate.GetFaDate_WithEslash(Eval("RegDate")) %>'></asp:Label>

</ItemTemplate>--%>

<FilterTemplate>

<telerik:RadLabel runat="server" AssociatedControlID="txt_Filter_RegDate_From" Text="From" Style="padding-left: 5px;"></telerik:RadLabel>

<rhp:DatePicker ID="txt_Filter_RegDate_From" runat="server" OnUpdate="FromDateSelected" Width="80px"></rhp:DatePicker>

<telerik:RadLabel runat="server" AssociatedControlID="txt_Filter_RegDate_To" Text="To" Style="padding-left: 5px;"></telerik:RadLabel>

<rhp:DatePicker ID="txt_Filter_RegDate_To" runat="server" Width="80px"></rhp:DatePicker>

<telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">

<script type="text/javascript">

function FromDateSelected(calendar) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

var ToPicker = $find('<%# ((GridItem)Container).FindControl("txt_Filter_RegDate_To").ClientID %>');

alert(ToPicker);

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridDateTimeColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="false">

<Selecting AllowRowSelect="true"></Selecting>

</ClientSettings>

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

</telerik:RadGrid>

Grid

answered on 03 Aug 2017

9 answers

127 views

[Solved] ShowMoreResults "Item x - x of x" is not showing

Hello,

i have a RadComboBoxsetup like this in code behind

this.oWebCombo.EnableAutomaticLoadOnDemand = true;

this.oWebCombo.ItemsPerRequest = 30;

this.oWebCombo.ShowMoreResultsBox = true;

this.oWebCombo.DataSource = _Med.DataSource;

this.oWebCombo.DataBind();

The Combobox is filled with approx. 38 Items and is almost acting as desired.

(DataSource is a DataSet which is filled from the DataBase beforehand)

When i click on the dropdown, only 30 items are displayed. When i click on the showmoreresults box, the missing 8 items are added to the dropdown list.

BUT:

The showmoreresults box only has a dropdown arrow and no text in it. There should be text like "Items 1 - 30 of 38".

If i handle the ItemsRequested-Event i can see the correct Messeage inside the Messageproperty of the EventArgs. But it is not displayed.

I looked at the dynamic created SourceCode at runtime and i only find this <span>:

Also, on your Demo side i noticed, that the Comboboxes of your Demo also only have the dropdown arrow and no text:

http://demos.telerik.com/aspnet-ajax/combobox/examples/populatingwithdata/autocompletesql/defaultcs.aspx

Any help would be highly appreciated!

Best Regards,

Benjamin

ComboBox

answered on 03 Aug 2017