Questions on UI for ASP.NET AJAX Forum

16 answers

1.9K+ views

I had some problems to center the loading image for a loading panel both vertically and horizontally.

This worked for me. I basically just wrap the image inside a table that occupies 100% width and height and then I align the content of the cell to the middle.

Hope this can be of any help to others.

<telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Transparency="20" BackColor="#E0E0E0">
            <table style="width:100%;height:100%;">
                <tr style="height:100%"><td align="center" valign="middle" style="width:100%">
                    <asp:Image ID="Image1" runat="server" AlternateText="Loading..."
        BorderWidth="0px" ImageUrl="~/Images/Loading/Loading6.gif">
       </asp:Image>
                </td></tr>
            </table>
  </telerik:RadAjaxLoadingPanel>

Ajax

answered on 21 Feb 2011

0 answers

164 views

Appointment Checkbox / Calendar and Scheduler

Good Morning,

I would like to know, if possible, if you can help me with the following questions:

I wish the state of the checkbox when it was changed, to update the database table with values 0 and 1 (1 Checked, Unchecked 0)

Secondly, I would like the Calendar and Scheduler were synchronized. When clicking a date on the calendar, change the scheduler, and vice versa. If possible, when selecting a week in the Calendar, the Scheduler switch to Week view and show the selected week.

Scheduler

asked on 21 Feb 2011

2 answers

112 views

Rad Strip Wizard Back Button

Hello Telerik,
I am using RadTabStrip like the Wizard and everything works fine. But I need to have a Back or Previous button besides Next button, like ASP.NET wizard control. Could you please tell me how I can get that using RadTabStrip

TabStrip

answered on 21 Feb 2011

1 answer

110 views

RadComboBox inside custom control

Hi,

I'm using a radcombobox inside a custom control. I need to be able to optionally tie it to a onitemsrequested serverside function for use with some cascading drop downs. The problem that I am finding is that there is no onitemsrequested field available on the server side so I can't set it on the control.

How would I go about working around this issue?

Tired and probably missing something obvious!

Regards,

Jon

ComboBox

answered on 21 Feb 2011

1 answer

87 views

Telerik Grid Paging Issue

Hi,

I am using Telrik Grid by using data on load method, ie i am loading virtual item count value based on the value which is given by database stored procedure. so i found that, it is a performace issue to get the rowcount from the database.
So i want to use "Grid Paging" by using "NextPrev" technique without using "VirtualItemCount", so can anybody please conform that ...is it possible to use "Grid navigations" using "NextPrev" technique without "VirtualItemCount"?.

Grid

answered on 21 Feb 2011

1 answer

161 views

Make GridDateTimeColumn filter text box readonly

Hi,

I have a grid with some date time columns. It allows me to filter by choosing a date from a calendar or typing in the date manually.

I want to restrict this so that the user is only able to pick the date from the calendar and cannot type in anything in the text box. Below is the markup:

            <telerik:GridDateTimeColumn DataField="EndDate" HeaderText="End Date"
                SortExpression="EndDate" UniqueName="EndDate" PickerType="DatePicker" DataFormatString="{0:dd MMM yyyy}"
                AutoPostBackOnFilter="true">
                <HeaderStyle Wrap="false" />
            </telerik:GridDateTimeColumn>

In the item created event I have:

RadDatePicker rdpEndDate = filteringItem["EndDate"].Controls[0] as RadDatePicker;
                rdpEndDate.DateInput.ReadOnly = true;
                rdpEndDate.Width = Unit.Pixel(100);

Although this makes the textbox readonly, it totally disables the filter functionality i.e. I select a date and tab out of the text box but nothing happens.

Grid

answered on 21 Feb 2011

1 answer

157 views

Sticky header row?

Hi

I have a very large RadSchedular both in width and height. Is there a way for the header showing the dates to be stuck and visible when scrolling down??

Or is there a way to repeat the date header every x number of rows?

And/or is their a way for the header date to be displayed on mouse over boxes?

Please see attached screenshot.

Thanks

Scheduler

answered on 21 Feb 2011

1 answer

117 views

problem RadAjaxManagerProxy

Hi Team,

I am using master/content page in my application.
In master page i am having RadScriptManager, RadAjaxManager,
In content page i added RadAjaxManagerProxy .

In Content Page i am having the RadTabStrip and
RadMultiPage.In PageViews having the usercontrols.
1. On tab click i want to show loading panel
My Problem is me getting the Loading Panel Only for the first tab click.for the remaining tabs not getting the loading panel

here is my Code

Master Page:

<body style="overflow: hidden;">

<form id="form1" runat="server">

    <telerik:RadScriptManager ID="rdScrptFacilityMgr" runat="server" LoadScriptsBeforeUI="false"

        EnablePartialRendering="true">

        <CompositeScript>

            <Scripts>

                <asp:ScriptReference Path="~/Scripts/FMScripts.js" />

                <asp:ScriptReference Path="~/Scripts/jquery-1.4.1.js" />

            </Scripts>

        </CompositeScript>

    </telerik:RadScriptManager>

    <telerik:RadAjaxManager ID="rdMasterAjaxManager" runat="server" EnableAJAX="true"

        OnAjaxRequest="rdMasterAjaxManager_AjaxRequest" ClientIDMode="Static" SkinID="Web20">

        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="rdtrvFacilityMngmt" EventName="OnNodeClick">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="cntPlaceholder" />

                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>

    </telerik:RadAjaxManager>

<asp:ContentPlaceHolder ID="cntPlaceholder" runat="server">

                </asp:ContentPlaceHolder>

<body>



ASPX Page:

<asp:Content ID="cntCompany" ContentPlaceHolderID="cntPlaceholder" runat="Server">

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

        <script type="text/javascript">

            rdTabStripID = '<%= rdtbstripCompanyInfo.ClientID %>';

        </script>

    </telerik:RadScriptBlock>

    <telerik:RadAjaxManagerProxy ID="RadAjaxManager1" runat="server">

        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="rdtbstripCompanyInfo">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="rdtbstripCompanyInfo" />

                    <telerik:AjaxUpdatedControl ControlID="rdmltpgCompany" LoadingPanelID="rdLoadingPanel" />

                </UpdatedControls>

            </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="rdmltpgCompany">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="rdmltpgCompany" LoadingPanelID="rdLoadingPanel" />

                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>

    </telerik:RadAjaxManagerProxy>

    <telerik:RadAjaxLoadingPanel ID="rdLoadingPanel" runat="server" Skin="Web20">

    </telerik:RadAjaxLoadingPanel>

    <telerik:RadTabStrip ID="rdtbstripCompanyInfo" runat="server" Skin="Office2007" MultiPageID="rdmltpgCompany"

        SelectedIndex="0" AutoPostBack="True" OnTabClick="rdtbstripCompanyInfo_Click"

        OnClientTabSelecting="onTabSelecting" ViewStateMode="Disabled">

        <Tabs>

            <telerik:RadTab Text="<%$ Resources:FMGlobalResource, Information %>" PageViewID="rdpgviewCompanyInformation"

                Value="CompanyInformation">

            </telerik:RadTab>

            <telerik:RadTab Text="<%$ Resources:AssociatedSupplier %>" PageViewID="rdpgviewAssociatedSuppliers"

                Value="AssociatedSupplier">

            </telerik:RadTab>

            <telerik:RadTab Text="<%$ Resources:MoreAddresses %>" PageViewID="rdpgviewAssociatedSuppliers"

                Value="MoreAddress">

            </telerik:RadTab>

        </Tabs>

    </telerik:RadTabStrip>

    <telerik:RadMultiPage ID="rdmltpgCompany" runat="server" SelectedIndex="0" CssClass="formView"

        Width="100%">

        <telerik:RadPageView ID="rdpgviewCompanyInformation" runat="server" Width="100%">

            <UC:CompanyInformation ID="ucCompanyInformation" runat="server" EnableViewState="false" />

        </telerik:RadPageView>

        <telerik:RadPageView ID="rdpgviewAssociatedSupplier" runat="server" Width="100%">

            <UC:AssociatedSupplier ID="ucAssociatedSupplier" runat="server" EnableViewState="false" />

        </telerik:RadPageView>

        <telerik:RadPageView ID="rdpgviewMoreAddress" runat="server" Width="100%">

            <UC:MoreAddress ID="ucMoreAddress" runat="server" EnableViewState="false" />

        </telerik:RadPageView>

    </telerik:RadMultiPage>

</asp:Content>

Ajax

answered on 21 Feb 2011

1 answer

95 views

radgrid and tooltips

Hi,

I have a radgrid with a column called "description". the description datafield holds a large string, so i cut the string in the grid inside the "itemdatabound" event. In this section of the code, i add a tooltip to that particular cell holding the complete description text.

my problem is that when a user exports the grid to a word document, the cell holds the -cut- text, and not the complete description field. is there a way to send t he complete field to the word document?

thx in advance.
Willem

Grid

answered on 21 Feb 2011

4 answers

31 views

Hierarchy with templates doesn't work with Ajax enabled

I have an example almost identical to the demo of the Hierarchy with templates (link). Everything works fine until I enable my Ajax settings on the page. What the problem is that I expand the grid to show the tabs. The fist tab loads fine, but then I select the second tab it reloads my page to the root my site.

Example: If I move my mouse over the url of the tab it reads "http://www.mysite/#", but the tab resides on a page like "http://www.mysite.com/pages/somepage.aspx.

* This only happens when Ajax is enabled.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"

DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="true" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AutoGenerateDeleteColumn="True"

AutoGenerateEditColumn="True" DataSourceID="SqlDataSource1" GridLines="None" AllowSorting="true" ShowGroupPanel="true">

<ClientSettings AllowDragToGroup="True" />

<MasterTableView DataKeyNames="id" DataSourceID="SqlDataSource1" EditMode="InPlace">

<ExpandCollapseColumn Visible="True">

</ExpandCollapseColumn>

<NestedViewSettings DataSourceID="SqlDataSource2">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="id" MasterKeyField="id" />

</ParentTableRelation>

</NestedViewSettings>

<NestedViewTemplate>

<div class="contactWrap">

<asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap">

<telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0" DataNavigateUrlField="URL">

<Tabs>

<telerik:RadTab runat="server" Text="Tab1" PageViewID="PageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab2" PageViewID="PageView2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab3" PageViewID="PageView3">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="true">

<telerik:RadPageView runat="server" ID="PageView1">

Tab 1

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="PageView2">

Tab 2

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="PageView3">

tab 3

</telerik:RadPageView>

</telerik:RadMultiPage>

</asp:Panel>

</div>

</NestedViewTemplate>

</MasterTableView>

<GroupingSettings ShowUnGroupButton="true" />

</telerik:RadGrid>

Grid

answered on 21 Feb 2011