Questions on UI for ASP.NET AJAX Forum

110,766 questions

7 answers

658 views

What would be the best way to store the RecurrenceRule and the RecurrenceParentId in the database? Would varchar and int, respectively, be the best data types to use in SQL?

Also, what would be the best way to translate a recurrence rule into something I can use somewhere else? For example, if I wanted to populate a DropDownList control with appointment titles and then upon SelectedIndexChanged, populate the second DropDownList with all of the available (recurring) time slots, would that be possible? If so, what would be the best way of going about it?

Thanks.

Scheduler

answered on 27 Nov 2019

9 answers

278 views

Rad Grid drag and Drop feature is not working in chrome browser when zoom level is not 100%

Hi ,

In my project , i am using Rad grid drag and drop functionality. In chrome when the zoom level is not 100%, this feature is not working. This issue doesn't happen in IE.

I checked the telerik demo site and this issue is also reproducible there
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

i am using chrome version 28.0.1500.95

Please let me know if there is any fix for the issue.

Ajax

answered on 25 Nov 2019

2 answers

101 views

Fixed number of categories nomatter how much data points

Hi,

I'm currently using on an area chart. I am displaying multiple charts below each other, some have 3 data points, some up to 15.

The chart has a fixed width. The maxvalue of the x-axis is set to 15.

The Problem:

No matter how many datapoints for each series there are, the chart always stretches the series to the whole width of the plotarea. (see attached screenshot for current unwanted behaviour.)
The behaviour I want to achieve is a fixed width between every category/major tick, so that all data points have the same distance inbetween, no matter if I have 2 or 15. So if there are e.g. only 4 data points, the leftmost 4 categories on the x axis are used, and the other 11 are left blank.(see 2nd photoshopped screenshot with wanted behaviour)

So that if multiple of these charts are compared with each other, each category has the same width.

Is there any way to accomplish this? Or is itperhaps possible to scale the width of the whole chart after the datasource is assigned to the chart?

Thanks in advance for any help!

Greetings Markus

Chart (HTML5)

answered on 25 Nov 2019

2 answers

109 views

Update preview onblur

Is it possible to have the preview string update from an OnBlur of the filter control items. We don't want a post-back, just have the preview update, in that we have noticed the preview often does not update to reflect the last change made in the control - like changing the value of a textbox or changing a combo box value.

Thanks

Filter

answered on 24 Nov 2019

5 answers

524 views

Drag and Drop from Outlook to FileExplorer

I would like to be able to drag and drop file attachments from MS Outlook email messages directly into FileExplorer. Currently, I can do this only by first saving the attachment to my computer and then dragging the saved file to FileExplorer. Is there any way to do this? I do not want my users copying the files locally and then having to delete them. Thanks.

FileExplorer

answered on 22 Nov 2019

5 answers

189 views

radgrid column is not resizable

We have few radgrids in our application, There were resizable before. But now it lost the ability that user can resize the column width. I checked the code, the following code is there.

I do not know what caused the application lost the ability to resize column width, what other code should I check. Please be advised.

Grid

answered on 22 Nov 2019

6 answers

122 views

TabStrip MutiPage visibility issue

Hello,

I got several conten pages with the same structure, a tabstrip with 2 tabs and a multipage with 2 pages, one for each tab. On the second tab/page is a table with a button on it. On some pages is the table/button visible and on some not but the structure is the same.

This content page works fine:

<%@ Page Language="vb" MasterPageFile="~/main.Master" CodeFile="allgemein_angebote.aspx.vb" Inherits="allgemein_angebote" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<asp:Content ID="contentHead" ContentPlaceHolderID="cphHead" runat="server">

<style type="text/css">

div.noWrapRadListBox .rlbText{

white-space: nowrap;

}

.auto-style4 {

width: 550px;

}

.auto-style12 {

margin: 20px;

height: 240px;

width: 485px;

}

.auto-style13 {

width: 236px;

height: 28px;

}

.auto-style14 {

height: 28px;

}

/*.auto-style16 {

width: 100px;

}*/

.auto-style17 {

width: 548px;

}

.auto-style18 {

width: 125px;

}

.auto-style23 {

width: 210px;

}

.auto-style28 {

width: 236px;

}

.auto-style30 {

width: 132px;

}

.auto-style31 {

width: 211px;

}

/*.auto-style32 {

width: 209px;

}*/

.auto-style33 {

width: 212px;

}

</style>

<script type = "text/javascript">

</script>

</asp:Content>

<asp:Content ID="contentStart" ContentPlaceHolderID="cphContent" runat="server">

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnAnzeigen">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

Skin="Default" Width="205px">

</telerik:RadAjaxLoadingPanel>

<div class="formTabs" style="background: none; padding: 0px;">

<telerik:RadTabStrip runat="server" ID="RadTabStrip1"

Style="float: left" SelectedIndex="0"

MultiPageID="RadMultiPage1" Enabled="True">

<Tabs>

<telerik:RadTab runat="server" Text="Angebote"> </telerik:RadTab>

<telerik:RadTab runat="server" Text="Historie"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<div style="clear: both;"></div>

</div>

<div class="formContainer formTrainer"

style="clear: both; margin: 0; padding: 20px; background-color: #FFF; height: 430px">

<telerik:RadMultiPage runat="server"

ID="RadMultiPage1"

SelectedIndex="0"

CssClass="multiPage"

Enabled="True">

<telerik:RadPageView ID="RadPageViewAngebote"

runat="server"

CssClass="corporatePageView"

Width="704px"

Height="430">

<telerik:RadGrid ID="RadGrid1" runat="server"

AllowAutomaticDeletes="True"

AllowFilteringByColumn="True"

AllowSorting="True"

AutoGenerateColumns="False"

TableLayout="Fixed"

meta:resourcekey="RadGrid1Resource1"

Skin="WebBlue"

AllowPaging="True"

Width="702px"

Culture="de-DE">

<ExportSettings>

<Pdf PageWidth="">

</Pdf>

</ExportSettings>

<MasterTableView AutoGenerateColumns="False"

CommandItemDisplay="Top" DataKeyNames="ID_Angebot"

EditMode="PopUp" HorizontalAlign="NotSet"

InsertItemPageIndexAction="ShowItemOnCurrentPage" NoMasterRecordsText="Keine Angebote vorhanden." Width="100%">

<CommandItemSettings AddNewRecordText="Angebot hinzufügen" RefreshText="Aktualisieren" />

<Columns>

<telerik:GridBoundColumn ColumnEditorID="GridTextBoxColumnEditor1" DataField="Name" HeaderText="Name" ItemStyle-VerticalAlign="Top" ItemStyle-Width="140px" SortExpression="Name" UniqueName="Name">

<HeaderStyle Width="36%" />

<ItemStyle VerticalAlign="Top" Width="140px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="false" ColumnEditorID="GridTextBoxColumnEditor1" DataField="Stundensatz" DataFormatString="{0:###,##0.00}" HeaderText="Stundensatz" ItemStyle-VerticalAlign="Top" ItemStyle-Width="50px" SortExpression="Stundensatz" UniqueName="Stundensatz">

<HeaderStyle Width="15%" />

<ItemStyle VerticalAlign="Top" Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="false" ColumnEditorID="GridTextBoxColumnEditor1" DataField="Fortbildungszuschlag" DataFormatString="{0:###,##0.00}" HeaderText="Fortbildungszuschlag" ItemStyle-VerticalAlign="Top" ItemStyle-Width="50px" SortExpression="Fortbildungszuschlag" UniqueName="Fortbildungszuschlag">

<HeaderStyle Width="19%" />

<ItemStyle VerticalAlign="Top" Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="false" ColumnEditorID="GridTextBoxColumnEditor1" DataField="Fahrtkosten" DataFormatString="{0:###,##0.00}" HeaderText="Fahrtkosten" ItemStyle-VerticalAlign="Top" ItemStyle-Width="50px" SortExpression="Fahrtkosten" UniqueName="Fahrtkosten">

<HeaderStyle Width="19%" />

<ItemStyle VerticalAlign="Top" Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" ItemStyle-VerticalAlign="Top" ItemStyle-Width="20px" UniqueName="EditCommandColumn">

<HeaderStyle Width="5%" />

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ConfirmDialogType="RadWindow" ConfirmText="Angebot löschen?" ConfirmTitle="Löschen" ItemStyle-VerticalAlign="Top" ItemStyle-Width="20px" Text="Delete" UniqueName="DeleteColumn">

<HeaderStyle Width="5%" />

<ItemStyle CssClass="MyImageButton" HorizontalAlign="Center" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings CaptionFormatString="Angebot bearbeiten" EditFormType="Template" InsertCaption="Angebot hinzufügen">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

<FormTemplate>

<div class="auto-style12">

<div style="padding-top:1px;" class="auto-style4">

<table id="TableLinks" class="auto-style17">

<tr>

<td>

<table>

<tr>

<td class="auto-style18">

Name:

</td>

<td class="auto-style31">

<asp:TextBox ID="txtName" runat="server" class="inputText" Width="200px"></asp:TextBox>

</td>

<td class="auto-style30">

Ausdauer:</td>

<td>

<asp:TextBox ID="txtAusdauer" runat="server" class="inputText" Width="30px"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table>

<tr>

<td class="auto-style18">

Stundensatz:

</td>

<td class="auto-style31">

<asp:TextBox ID="txtStundensatz" runat="server" class="inputText" Width="200px"></asp:TextBox>

</td>

<td class="auto-style30">

Beweglichkeit:<td>

<asp:TextBox ID="txtBeweglichkeit" runat="server" class="inputText" Width="30px"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table>

<tr>

<td class="auto-style18">

Fortbildungszuschlag:

</td>

<td class="auto-style31">

<asp:TextBox ID="txtFortbildungszuschlag" runat="server" class="inputText" Width="200px"></asp:TextBox>

</td>

<td class="auto-style30">

Koordination:

</td>

<td>

<asp:TextBox ID="txtKoordination" runat="server" class="inputText" Width="30px"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table>

<tr>

<td class="auto-style18">

Fahrtkosten:

</td>

<td class="auto-style31">

<asp:TextBox ID="txtFahrtkosten" runat="server" class="inputText" Width="200px"></asp:TextBox>

</td>

<td class="auto-style30">

Kraft:

</td>

<td>

<asp:TextBox ID="txtKraft" runat="server" class="inputText" Width="30px"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table>

<tr>

<td class="auto-style18" >

Kategorien:

</td>

<td class="auto-style33">

Vorhanden</td>

<td>

Zugeordnet<td>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td class="auto-style16">

<table>

<tr>

<td style="vertical-align:top; padding-top: 4px;" class="auto-style28" ></td>

<td style="padding-top: 3px">

<telerik:RadListBox ID="RadListBoxKategorien" runat="server" AllowTransfer="True" Height="100px" Width="210px" TransferToID="RadListBoxKAuswahl" AllowTransferOnDoubleClick="True">

</telerik:RadListBox>

</td>

<td style="padding-top: 3px" class="auto-style23">

<telerik:RadListBox ID="RadListBoxKAuswahl" runat="server" Height="100px" Width="174px" AllowTransferOnDoubleClick="True">

</telerik:RadListBox>

</td>

</tr>

<tr>

<td class="auto-style28">Sparte:</td>

<td colspan="2">

<asp:DropDownList ID="selSparte" runat="server" CssClass="inputSelect" Width="206px">

</asp:DropDownList>

</td>

</tr>

<tr>

<td class="auto-style13">Sichtbar:</td>

<td colspan="2" class="auto-style14">

<asp:CheckBox ID="ckbVisible" runat="server" />

</td>

</tr>

<tr>

<td class="auto-style28"></td>

<td align="right" colspan="2">

<asp:Button ID="Button1" runat="server" class="inputSubmit"

CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>' Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Einfügen", "Speichern") %>' />

<asp:Button ID="Button2" runat="server" CausesValidation="False" class="inputSubmit" CommandName="Cancel" Text="Abbrechen" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<GroupingSettings CaseSensitive="False" />

<FilterMenu CssClass="mnuFilter">

</FilterMenu>

</telerik:RadGrid>

</telerik:RadPageView>

<%--Tab Historie--%>

<telerik:RadPageView runat="server" ID="RadPageViewHistorie"

CssClass="corporatePageView" Width="16px" Height="16px">

<table style="width:100%;">

<tr>

<td align="right">

<asp:Button ID="btnAnzeigen"

style="padding-left:10px;padding-right:10px;"

runat="server"

Text="Anzeigen"

Width="100px"/>

</td>

</tr>

<tr>

<td>

<div id="divHistorie" style="width:700px; height:363px; overflow-y: auto;" runat="Server"></div>

</td>

</tr>

</table>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</asp:Content>

On this page the table/Button is not visible:

<%@ Page Language="vb" MasterPageFile="~/main.Master" CodeFile="allgemein_kategorien.aspx.vb" Inherits="allgemein_kategorien" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<asp:Content ID="contentStartKat" ContentPlaceHolderID="cphContent" runat="server">

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnAnzeigen">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

Skin="Default" Width="205px">

</telerik:RadAjaxLoadingPanel>

<div class="formTabs" style="background: none; padding: 0px;">

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" SelectedIndex="0"

MultiPageID="RadMultiPage1" CssClass="auto-style1" Width="186px">

<Tabs>

<telerik:RadTab runat="server" Text="Kategorien" Selected="True"> </telerik:RadTab>

<telerik:RadTab runat="server" Text="Historie"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<div style="clear: both;"></div>

</div>

<div class="formContainer formTrainer"

style="clear: both; margin: 0; padding: 20px; background-color: #FFF; height: 430px">

<telerik:RadMultiPage runat="server" ID="RadMultiPage1"

SelectedIndex="0" Width="50px" CssClass="multiPage"

Enabled="True" Height="16px" ScrollBars="Auto">

<telerik:RadPageView ID="RadPageViewAngebote" runat="server" Height="430px" Width="704px" CssClass="corporatePageView">

<telerik:RadGrid ID="RadGrid1"

runat="server"

AllowAutomaticDeletes="True"

AllowFilteringByColumn="True"

AllowSorting="True"

AutoGenerateColumns="False"

GridLines="None"

meta:resourcekey="RadGrid1Resource1"

Skin="WebBlue" AllowPaging="True" Width="702px">

<MasterTableView

AutoGenerateColumns="False"

CommandItemDisplay="Top"

DataKeyNames="ID_Kategorie"

EditMode="InPlace"

HorizontalAlign="NotSet"

NoMasterRecordsText="Keine Kategorien vorhanden."

Width="100%" InsertItemPageIndexAction="ShowItemOnCurrentPage">

<CommandItemSettings AddNewRecordText="Kategorie hinzufügen"

RefreshText="Aktualisieren" />

<Columns>

<telerik:GridBoundColumn

ColumnEditorID="GridTextBoxColumnEditor1"

ItemStyle-VerticalAlign="Top"

DataField="Name"

HeaderText="Name"

SortExpression="Name"

AllowSorting="true"

UniqueName="Name"

ItemStyle-Width="50px" >

<ItemStyle VerticalAlign="Top" Width="10px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ColumnEditorID="GridTextBoxColumnEditor2" AllowFiltering="false"

DataField="Beschreibung"

ItemStyle-Width="100px"

HeaderText="Beschreibung"

UniqueName="Beschreibung">

<ItemStyle Width="10px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" ItemStyle-VerticalAlign="Top"

ItemStyle-Width="20px"

UniqueName="EditCommandColumn">

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton"

CommandName="Delete"

ItemStyle-VerticalAlign="Top"

ConfirmDialogType="RadWindow"

ConfirmText="Kategorie löschen?"

ConfirmTitle="Löschen"

ConfirmDialogHeight="100px"

ConfirmDialogWidth="250px"

ItemStyle-Width="20px"

Text="Delete"

UniqueName="DeleteColumn">

<ItemStyle CssClass="MyImageButton" HorizontalAlign="Center" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<GroupingSettings CaseSensitive="False" />

<FilterMenu CssClass="mnuFilter">

</FilterMenu>

</telerik:RadGrid>

</telerik:RadPageView>

<%--Tab Historie--%>

<telerik:RadPageView runat="server" ID="RadPageViewHistorie"

CssClass="corporatePageView" Width="16px" Height="16px">

<table>

<tr>

<td align="right">

<asp:Button ID="btnAnzeigen" runat="server" style="padding-left:10px;padding-right:10px;" Text="Anzeigen" Width="100px" />

</td>

</tr>

<tr>

<td>

<div id="divHistorie" runat="Server" style="overflow-y: auto;width: 700px;height: 363px">

</div>

</td>

</tr>

</table>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</asp:Content>

<asp:Content ID="Content1" runat="server" contentplaceholderid="cphHead">

<style type="text/css">

.auto-style1 {

float: left;

}

</style>

</asp:Content>

Attached 2 screenshots.

Kind regards, Rainer

TabStrip

answered on 22 Nov 2019

1 answer

320 views

Error during serialization or deserialization

I get the following error when I run radgrid1.rebind:

Line 135: // Bind to RadGrid Line 136: Line 137: RadGrid1.Rebind(); Line 138: Line 139:

Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property.

I have tried adding the setting below within the web.config:

That did not work.

Thanks

Grid

answered on 22 Nov 2019

1 answer

225 views

RadEditor in RadWindow still not working despite onParentNodeChange

Hello,

I am trying to use a RadEditor in a RadWindow using the fix described here but it is still not working.

I am trying in a brand new page, here is my code.

<telerik:RadWindow RenderMode="Lightweight" runat="server" ID="RadWindowWithEditor" AutoSize="true" VisibleOnPageLoad="true" OnClientShow="fixEditor"

OpenerElementID="Button5">

<ContentTemplate>

<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1" Width="700px" Height="300px">

<Content>

Lorem ipsum dolor sit amet

</Content>

</telerik:RadEditor>

</ContentTemplate>

</telerik:RadWindow>

<script type="text/javascript">

function fixEditor()

{

console.log($find("<%=RadEditor1.ClientID %>"));

$find("<%=RadEditor1.ClientID %>").onParentNodeChanged();

}

</script>

I still get a Javascript error:

Uncaught TypeError: Cannot read property 'defaultView' of undefined

at Object.isWindowDestroyed

at b.DefaultToolAdapter.setToolState

at b.DefaultToolAdapter._onEditorModeChange

Editor

answered on 22 Nov 2019

3 answers

193 views

How can i resize a Grid column in a tablet or a mobile?

Hi,

In mobile and tablet device is very difficult increase and decrease the size of columns of RadGrid, exist a specified method or a workaround for resize a grid ?

Is possible increase border(left/right) of column for change it more easiest ?

Best regards

Grid

answered on 21 Nov 2019

Top users last month