Questions on UI for ASP.NET AJAX Forum

5 answers

103 views

Hi guys.

I´m new using RadImageGallery, and I was wondering if is it possible to change the image of previous and next image in the ImageArea.

Can you please help me how to achieve this goal?.

Best regards.

Cristian.

ImageGallery

answered on 03 Jul 2015

1 answer

84 views

Improving Performance

Is there a way to minimize the ammount of requests performed by the RadGrid control? Telerik controls are performing a lot of requests for retrieving skins and JS files required by the component. Is there anything already provided by Telerik for bundling these multiple requests in perhaps two requests? One would be for a single minified JS file and the other one for all of the styles required.

1) I am using the default Skin for the RadGrid.

2) I cannot rely in caching because it's disabled in a global scope. It cannot be enabled.

3) For security policies, I cannot use Telerik CDN's.

4) I am applying the following techniques but caching. The response time is still slow. The initial call takes about 5 seconds, changing pages takes just 2 seconds (Paging made via Ajax and implementing custom pagination). The main problem is the initial rendering. The target would be 2 seconds to process the page.

http://docs.telerik.com/devtools/aspnet-ajax/general-information/performance/optimizing-performance
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/performance/grid-performance-optimizations

Does anyone have any suggestions or faced a scenario similar to the one I am describing?

Thanks in advance,
Carlos

Grid

answered on 03 Jul 2015

1 answer

372 views

RadCombobox with EnableLoadOnDemand and CheckBoxes

Hi,

Currently I am using RadCombobox with EnableLoadOnDemand="True" and CheckBoxes="True".Loading Items using OnItemsRequest Event. After postback, selected RadComboBox values are not persisting. Is it not supported in latest version also? Is there any solution for this issue in future release.

<telerik:RadComboBox ID="pCompany" Width="300px" runat="server" EnableLoadOnDemand="True"
ShowMoreResultsBox="true" EnableVirtualScrolling="true" ItemsPerRequest="10" OnItemsRequested="pCompany_ItemsRequested"
CheckBoxes="true" EnableCheckAllItemsCheckBox="true" OnSelectedIndexChanged="ppCompany_SelectedIndexChanged"
AutoPostBack="true" Height="140px">
</telerik:RadComboBox>

ComboBox

answered on 03 Jul 2015

1 answer

163 views

GridDateTimeColumn Invalid Date

I have the following Grid. The problem is I can not add a RequiredFieldValidator for the GridDateTimeColumn in edit mode, as I did for the other columns. I would like to know if it is possible, in the code behind C#, to disable the insert button (the tick sign) when the date is not valid or if I can add a validator for the date, that would not allow to insert an item if the corresponding date is not valid. I have also attached a picture.

Thank you very much for any idea, Alexandru Popa.

<telerik:RadGrid ID="rgMealPlanPrices" runat="server" AutoGenerateColumns="false"

AllowFilteringByColumn="False" AllowSorting="True" AllowPaging="True" PageSize="30"

OnNeedDataSource="rgMealPlanPrices_NeedDataSource"

OnDeleteCommand="rgMealPlanPrices_DeleteCommand"

OnItemDataBound="rgMealPlanPrices_ItemDataBound"

OnInsertCommand="rgMealPlanPrices_InsertCommand"

OnItemCommand="rgMealPlanPrices_ItemCommand"

OnItemCreated="rgMealPlanPrices_ItemCreated">

<MasterTableView DataKeyNames="Id" CommandItemDisplay="TopAndBottom" ShowHeadersWhenNoRecords="True"

TableLayout="Fixed" EditMode="InPlace" meta:resourcekey="rgMealPlanPricesResource">

<CommandItemSettings AddNewRecordText="Adauga" ShowRefreshButton="False" ExportToPdfText="Export to PDF" />

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False">

<HeaderStyle Width="19px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" HeaderStyle-Width="30px">

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="Id" HeaderText="Id" ReadOnly="true" UniqueName="Id"

ForceExtractValue="Always" ConvertEmptyStringToNull="true" Display="False" />

<telerik:GridBoundColumn DataField="Code" HeaderText="Cod" meta:resourcekey="MealPlanCodeResource" Display="False" UniqueName="MealPlanCode">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="MealPlan" HeaderText="Regim de masa" UniqueName="MealPlanName" meta:resourcekey="MealPlanResource">

<EditItemTemplate>

<telerik:RadComboBox ID="rcbMealPlan" runat="server" AppendDataBoundItems="True"

DataTextField="DisplayName" DataValueField="Id" Filter="Contains" MarkFirstMatch="true"

DropDownWidth="240" EmptyMessage="Search by name" meta:resourcekey="rcbMealPlanResource" Width="240">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvMealPlan" runat="server" ControlToValidate="rcbMealPlan" EnableClientScript="true" SetFocusOnError="true"

meta:resourcekey="rfvMealPlanResource">

</asp:RequiredFieldValidator>

</EditItemTemplate>

<ItemTemplate>

<%# Eval("DisplayName") %>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="MealPlanPrice" HeaderText="Pret" UniqueName="MealPlanName" meta:resourcekey="MealPlanPriceResource">

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtPrice" runat="server" DataType="System.Decimal" Width="50px">

<NumberFormat DecimalDigits="2" DecimalSeparator="." GroupSeparator="" KeepNotRoundedValue="true" AllowRounding="false" />

</telerik:RadNumericTextBox>

<asp:RequiredFieldValidator ID="rfvPrice" runat="server" ControlToValidate="txtPrice" EnableClientScript="true" SetFocusOnError="true"

meta:resourcekey="rfvMealPlanResource" />

</EditItemTemplate>

<ItemTemplate>

<%# Eval("Price") %>

</ItemTemplate>

<HeaderStyle Width="80px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="MealPlanCalories" HeaderText="Calorii" UniqueName="MealPlanCalories" meta:resourcekey="MealPlanCaloriesResource">

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtCalories" runat="server" DataType="System.Decimal" Width="50px">

<NumberFormat DecimalDigits="0" DecimalSeparator="." GroupSeparator="" KeepNotRoundedValue="true" AllowRounding="false" />

</telerik:RadNumericTextBox>

<asp:RequiredFieldValidator ID="rfvCalories" runat="server" ControlToValidate="txtCalories" EnableClientScript="true" SetFocusOnError="true"

meta:resourcekey="rfvMealPlanResource" />

</EditItemTemplate>

<ItemTemplate>

<%# Eval("Calories") %>

</ItemTemplate>

<HeaderStyle Width="180px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="MealPlanConfortSporit" HeaderText="ConfortSporit" UniqueName="MealPlanConfortSporit">

<EditItemTemplate>

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

</EditItemTemplate>

<ItemTemplate>

<%# Eval("ConfortSporit") %>

</ItemTemplate>

<HeaderStyle Width="180px" />

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn DataField="IssueDate" HeaderText="Valid de la" HeaderStyle-Wrap="true" DataFormatString="{0:dd.MM.yyyy}"

meta:resourcekey="ValidFromResource" PickerType="DatePicker" Resizable="true">

<HeaderStyle Width="80px" />

</telerik:GridDateTimeColumn>

<telerik:GridButtonColumn ConfirmText="Delete this meal plan?" ConfirmDialogType="RadWindow" ConfirmDialogHeight="110px"

ConfirmTitle="Delete" ButtonType="ImageButton" Text="Delete" CommandName="Delete" meta:resourcekey="DeleteCommandResource"

ImageUrl="~\Image\icon\16x16_Microsoft_Style\delete_16_OLD.gif" UniqueName="DeleteServiceColumn">

<HeaderStyle Width="40px" />

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 03 Jul 2015

3 answers

77 views

RadGantt - Is break possible for displaying very long duration, horizontal scroll is annoying

Is there any way to show a break while we have a very long duration to show in RadGantt?

For eg: when we have 25 years to show in Gantt, is there a way I can just show the first year and the last year with a break indication in between the duration Gantt line?

Gantt

answered on 03 Jul 2015

3 answers

124 views

Overflowing one grid column

I have a RadGrid in my .aspx file. The second to last column is GridDateTimeColumn:<telerik:GridDateTimeColumn DataField="IssueDate" HeaderText="ValidFrom"
HeaderStyle-Wrap="true" DataFormatString="{0:dd.MM.yyyy}"
meta:resourcekey="ValidFromResource" PickerType="DatePicker" Resizable="true">
<HeaderStyle Width="80px" />
</telerik:GridDateTimeColumn>
and the last column is a GridButtonColumn. In Edit mode (InPlace), the GridDateTimeColumn becomes a RadDatePicker. However, it can't fit in the 80px of the column (only a part of the textbox is visible, and the calendar not at all). I want the RadTimePicker to overflow over the GridButtonColumn Column (which doesn't appear in edit mode). I want to do that either in the .aspx file (if possible) or in the radGrid_ItemDataBound event.Any idea is appreciated. Thank you :)

Grid

answered on 03 Jul 2015

3 answers

74 views

Updating masterpage from any button included in content page

Hello,

I'm using AjaxManager in my MasterPage, and AjaxManagerProxy inside my content pages.

I would like to update a label (error or success result) included into my masterpage after clicking any button included inside content pages ajaxified.

But why ajaxify all buttons because each postback done must imperatively refreshing my masterpage label...

I think i can not write dynamically an ajaxsettings with an unknown AjaxifiedControlID, doesn't it ?

Thank you.

Ajax

answered on 03 Jul 2015

12 answers

2.0K+ views

How to reset RadComboBox with Checkboxes using Javascript

I am hoping this is a fairly easy one - but have not found any documentation on it.

I have several ComboBoxes on a page that use the new(ish) checkbox feature for each item. When the user clicks a Clear button, I would like to uncheck any checked items in each Combobox, and if necessary, reset to the EmptyMessage. This does not seem to work:

function clearFilters(sender, args) {

var combo = $find("<%= RadComboBox1.ClientID %>");

combo.clearItems;

combo.clearSelection;

}

ComboBox

answered on 03 Jul 2015

2 answers

87 views

Menu Items do not exist on GoDaddy in Page_Load

I have nested RadMenuItems hard coded in an aspx file with 3 different but similar menus. Under a certain condition I need to remove the second menu item in each menu which works fine in the Visual Studio 2013 test environment. When I deploy to GoDaddy, remove on the third menu does not work in Page_Load.

GoDaddy the items in the third menu in the aspx file are not fully instantiated in Page_Load.

I was forced to code to check if the hard coded menu items exist and abandon the remove to avoid run-time errors.

if (JoinButtonMenu.Items.Count > 2 && JoinButtonMenu.Items.Count > 2) {

JoinButtonMenu.Items[1].Items[1].Remove();

}

<telerik:RadContextMenu ID="JoinButtonMenu" CssClass="RadContextMenu3" runat="server">

<ExpandAnimation Type="None" Duration="0" />

<CollapseAnimation Type="None" Duration="0" />

<Items>

<telerik:RadMenuItem Text="Edit" NavigateUrl="javascript:MenuItemSelected('Edit');" PostBack="False" ></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Insert" PostBack="False" >

<Items>

<telerik:RadMenuItem Text="Insert Display Text..." NavigateUrl="javascript:MenuItemSelected('AddText');" PostBack="False" ></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Insert Checkboxes..." NavigateUrl="javascript:MenuItemSelected('AddChecks');" PostBack="False" ></telerik:RadMenuItem>

....

The menu items missing in the Page_Load code all show up fine in the page including the one I need to get rid of.

Any ideas how to work around this problem and why it is happening?

Menu

answered on 03 Jul 2015

1 answer

105 views

Responsive DetailTable

Hello there,

I am using a RadGrid that contains one DetailTable. The MasterTable is set to 100% total width and the DetailTable to 95%. In Details table i have a column of long string (like $0000,0000,000,00). This column stretches out the detail table beyond the Master Table in Mobile or Tablet View (testing using chrome inbulit simulators). If i set the TableLayout property of DetailTable to fixed, then it crops the header and text of some columns. I can set the columns to AutoResize mode but don't want to follow this approach.

Is there any better approach where everything will become responsive in the Mobile and Tablet view? Please help

thanks in advance

Grid

answered on 02 Jul 2015