Questions on UI for ASP.NET AJAX Forum

4 answers

219 views

I have an aspx page with a Tabstrip and 6 pageviews.I am using a Next button to move on to next pageview.At the same time on clicking the tabs also,user can move to the pageview.
I have set the MultiPageID and PageViewID as in the demos,hence on clicking the tabs,it should navigate to the corresponding pageview.
Here is Next button is working porperly ,where I use the below code on button click

protected void

P_nextButton_Click 

(

object sender, EventArgs e)

{

RadTabStrip1.SelectedIndex = 1;

RadMultiPage1.SelectedIndex =1;

}

But the tabs are not working properly.Onclicking some tabs,pageview will be previous tab pageview.Funny thing here is that,sometimes these tabs shows correct pageview also.As per my unserstanding setting MultiPageID and PageViewID ,will make the tabs work properly without any server side coding.
Please see my code below and let me know where Iam going wrong.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RCNationality" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>

<%-- <telerik:AjaxSetting AjaxControlID="RbNextP">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RbNextP" />

<telerik:AjaxUpdatedControl ControlID="lbltitle" />

<telerik:AjaxUpdatedControl ControlID="lblname" />

<telerik:AjaxUpdatedControl ControlID="lbldob" />

<telerik:AjaxUpdatedControl ControlID="lblAge" />

<telerik:AjaxUpdatedControl ControlID="lblfile" />

<telerik:AjaxUpdatedControl ControlID="lblnation" />

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>--%>

<telerik:AjaxSetting AjaxControlID="BirthDate">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lbldob" />

<telerik:AjaxUpdatedControl ControlID="RTYear" />

<telerik:AjaxUpdatedControl ControlID="RTMonths" />

<telerik:AjaxUpdatedControl ControlID="RTDays" />

<telerik:AjaxUpdatedControl ControlID="lblAge" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RTYear">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="BirthDate" />

<telerik:AjaxUpdatedControl ControlID="lbldob" />

<telerik:AjaxUpdatedControl ControlID="RTYear" />

<telerik:AjaxUpdatedControl ControlID="lblAge" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RCGender">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RCGender" />

<telerik:AjaxUpdatedControl ControlID="RCTitle" />

<telerik:AjaxUpdatedControl ControlID="cbmat" />

<telerik:AjaxUpdatedControl ControlID="cbeme" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RCCountry">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RCCountry" />

<telerik:AjaxUpdatedControl ControlID="RCCity" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RTFileNo">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RTFileNo" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RCRefDoctor">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RCRefDoctor" />

<telerik:AjaxUpdatedControl ControlID="RTClinic" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RCClinic">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RCClinic" />

<telerik:AjaxUpdatedControl ControlID="RCDoctor" />

<telerik:AjaxUpdatedControl ControlID="RCDuration" />

<telerik:AjaxUpdatedControl ControlID="RCFromTime" />

<telerik:AjaxUpdatedControl ControlID="RCToTime" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RCDuration">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RCDuration" />

<telerik:AjaxUpdatedControl ControlID="RCFromTime" />

<telerik:AjaxUpdatedControl ControlID="RCToTime" />

</UpdatedControls>

</telerik:AjaxSetting>

<%--<telerik:AjaxSetting AjaxControlID="rbSave">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rbSave" />--%>

<%-- <telerik:AjaxUpdatedControl ControlID="Message" />--%>

<%-- <telerik:AjaxUpdatedControl ControlID="lblRegnumber" />

<telerik:AjaxUpdatedControl ControlID="LblRegnNo" />--%>

<%-- <telerik:AjaxUpdatedControl ControlID="lbltitle" />

<telerik:AjaxUpdatedControl ControlID="lblname" />

<telerik:AjaxUpdatedControl ControlID="lbldob" />

<telerik:AjaxUpdatedControl ControlID="lblAge" />

<telerik:AjaxUpdatedControl ControlID="lblfile" />

<telerik:AjaxUpdatedControl ControlID="lblnation" />--%>

<%-- <telerik:AjaxUpdatedControl ControlID="lblmobile" />--%>

<%-- </UpdatedControls>

</telerik:AjaxSetting> --%>

</AjaxSettings>

</telerik:RadAjaxManager>

             <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Black" MultiPageID="RadMultiPage1" Align="Center" Width="800px"

                SelectedIndex="0" AutoPostBack="true"  >

                <Tabs>

                    <telerik:RadTab Text="Personal Details" runat="server" PageViewID="PageView1" Selected="true">

                    </telerik:RadTab>

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

                    </telerik:RadTab>

                    <telerik:RadTab Text="Outside Referral Doctor" runat="server" PageViewID="PageView3" >

                    </telerik:RadTab>

                    <telerik:RadTab Text="Appointment with Doctor" runat="server" PageViewID="PageView4" >

                    </telerik:RadTab>

                    <telerik:RadTab Text="Kin Details" runat="server" PageViewID="PageView5" >

                    </telerik:RadTab>

                    <telerik:RadTab Text="Insurance Details" runat="server" PageViewID="PageView6" >

                    </telerik:RadTab>

                </Tabs>

            </telerik:RadTabStrip>

<telerik:RadMultiPage id="RadMultiPage1" runat="server" SelectedIndex="0" Width="800px" BackColor="BurlyWood" BorderStyle="Ridge" RenderSelectedPageOnly="true" >

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

<telerik:RadButton ID="RbNextP" runat="server" Text="Next" Skin="WebBlue" OnClick=

"P_nextButton_Click 

"

><Icon SecondaryIconCssClass="rbNext" SecondaryIconRight="4" SecondaryIconTop="6" />

</telerik:RadButton>

</telerik:RadPageView>

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

//controls in between

</telerik:RadPageView>

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

//controls in between

</telerik:RadPageView>

<telerik:RadPageView id="RadPageView4" runat="server" >

//controls in between

</telerik:RadPageView>

<telerik:RadPageView id="RadPageView5" runat="server" >

//controls in between

</telerik:RadPageView>

<telerik:RadPageView id="RadPageView6" runat="server" >

//controls in between

</telerik:RadPageView>

</telerik:RadMultiPage>

I am facing one more issue here while adding the Nextbutton on to the Ajaxmanager.I have posted the samein the forum http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/unable-to-set-value-of-the-property-control-while-adding-radtabstrip-in-ajaxmanager.aspx .But I didn't get any answer.Please help me on this.
Thanks,
Soumya.

TabStrip

answered on 07 Aug 2012

5 answers

156 views

Dynamic RadComboBoxes

Hi, Guys!

I try dynamically create RadComboBox controls inside ASP.NET PlaceHolder control.

But i got next exception:
"RegisterRequiresControlState can only be called before and during PreRender".

Can anyone help me?

ComboBox

answered on 07 Aug 2012

1 answer

136 views

drag &drop from rad list

hai,
How to enable Drag and drop from RadListBox to RadOrgChart

ListBox

answered on 07 Aug 2012

1 answer

50 views

Need Advise on Telerik Grid Control

Hello Everyone,
I am a new member here. I want to buy some good ASP.NET Grid control with following functionality must:

1. DataBinding

2. Hieararchycal Template Binding (Grid inside Grid)

3. Sorting

4. Paging

5. Pagesize dropdown

6. Filtering

7. Export to Excel/CSV

8. Export to PDF

9. Export to Word

10. Print

11. Looks

12. Implementation Complexity

13. performance

13.Cost

Please advise me about the latest Telerik grid control. Is it full fill above criteria and performing good?

Thanks,
Ambu

Grid

answered on 07 Aug 2012

2 answers

72 views

Templatecolumn-HyperLink Veritcal Align issue

Its been weird. I have forced to be veritical align=top to all elements of the grid (built using Templatecolumns) where everything works fine except those template columns which has HyperLink in it. For example,

<telerik:GridTemplateColumn HeaderText="Qty" SortExpression="InventoryAvailableQty" UniqueName="InventoryAvailableQty" ItemStyle-VerticalAlign="Top">

<ItemTemplate>

<asp:HyperLink ID="hypInventoryMovement" runat="server" Target="_blank" NavigateUrl='<%# "ProductWarehouse.aspx?ID=" & Eval("ID") %>'>

<asp:Label ID="lblInventoryAvailableQty" runat="server" Text='<%# eval("InventoryAvailableQty") %>' Visible="false"></asp:Label>

</asp:HyperLink>

<asp:TextBox ID="txtInventoryAvailableQty" Width="30" runat="server" Text='<%# eval("InventoryAvailableQty") %>'></asp:TextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

Where I display or hide either hyperlink column OR the textbox based on the view mode of the grid.
This column, when displaying hyperlink, is a bit off from the top, while other columns which has only label, are well aligned to the top. If I change this hyperlink to the Lable only, then it works fine too. I noticed that few other columns in the grid also have same issue.

I used following CSS to force vertical align = top

tr.rgRow td, tr.rgAltRow td

{

vertical-align: top;

}

Is there something I missing? Please suggest.
thanks,
Sameers

Grid

answered on 07 Aug 2012

1 answer

69 views

tooltip

hai
How to remove cell tooltip shown in RadDatePicker..

thanks

Calendar

answered on 07 Aug 2012

2 answers

558 views

Help: RadGrid convert integer value to string or bool

HI!

Here is my problem:

I have a List of objects. My objects contain multiple data fields, and I want to browse and edit them with a telerik RadGrid control. The grids datasource is the list of the objects. The objects have an integer data field, what I'd like to replace in the grid with something else.
So if the fields value is 0 then a "No" string should appear in the grid in place of the number. In other cases the "Yes" would be the text in the grid. Checked and unchecked checkboxes would be also perfect.
Sorry for my bad English,
Thanks

Grid

answered on 07 Aug 2012

2 answers

86 views

binding of additional date

I am trying to bind an aditiional date in the AdvancedInsertTemplate....I get " Sys.WebForms.PageRequestManagerServerErrorException: Object reference not set to an instance of an object" which points back to the bind. For an extra int I had to use str(intname) in the SQL to get that to work. But for the extra date no matter what I try will not work, I am using the AdvanceForm usercontrol.

Scheduler