Questions on UI for ASP.NET AJAX Forum

1 answer

181 views

Hi,
I am using the LoadOnDemand example, but i have this problem: the tabclick event fires just the first time.
When i click on the second tab it works, but after this when i click on the first tab, the event won't fires.
Here is my code:

    
            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
                <script type="text/javascript">  
        
                    function onTabSelecting(sender, args)  
        
                    {  
        
                         if (args.get_tab().get_pageView())    
        
                         {    
        
                               args.get_tab().set_postBack(false);    
        
                         }  
        
                    }  
        
                </script> 
        
            </telerik:RadCodeBlock> 
        
                        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" OnClientTabSelecting="onTabSelecting" OnTabClick="RadTabStrip1_TabClick" /> 
        
                        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated" /> 
        
            <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1">  
        
                        <asp:Image runat="server" ID="LoadingImage1" ImageUrl="~/Ajax/Img/loading7.gif" AlternateText="Loading..." /> 
        
                    </telerik:RadAjaxLoadingPanel> 
        
                    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">  
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="RadTabStrip1">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" /> 
        
                                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                            <telerik:AjaxSetting AjaxControlID="RadMultiPage1">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager>

    
            Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load  
        
                            RadTabStrip1.Tabs.Add(New RadTab("FirstTab", "FirstValue"))  
        
                            RadTabStrip1.Tabs.Add(New RadTab("SecondTab", "SecondValue"))  
        
                            If Not Page.IsPostBack Then 
        
                                AddPageView(RadTabStrip1.FindTabByValue("FirstValue"))  
        
                            End If 
        
            End Sub 
        
                    Protected Sub RadTabStrip1_TabClick(ByVal sender As Object, ByVal e As RadTabStripEventArgs)  
        
                        If String.IsNullOrEmpty(e.Tab.PageViewID) Then 
        
                            AddPageView(e.Tab)  
        
                        End If 
        
                        e.Tab.PageView.Selected = True 
        
                    End Sub 
        
                    Protected Sub RadMultiPage1_PageViewCreated(ByVal sender As Object, ByVal e As RadMultiPageEventArgs)  
        
                        Dim strControl As String = "Controls/" & e.PageView.ID & ".ascx" 
        
                        Dim Control As UserControl = Page.LoadControl(strControl)  
        
                        Control.ID = e.PageView.ID + "_Control" 
        
                        e.PageView.Controls.Add(Control)  
        
                    End Sub 
        
                    Private Sub AddPageView(ByVal Tab As RadTab)  
        
                        Dim PageView As New RadPageView()  
        
                        PageView.ID = Tab.Value  
        
                        RadMultiPage1.PageViews.Add(PageView)  
        
                        Tab.PageViewID = PageView.ID  
        
                    End Sub

TabStrip

answered on 14 Jul 2008

3 answers

261 views

[Solved] GridClientDeleteColumn and OnItemCommand

Hello Telerik :

I am using a radgrid and i have a column of the type : GridClientDeleteColumn . Well when the user click this column i want to play with the event OnItemCommand . Well when i click that column nothing happens , just this row dissapears , and the event isn't fired. I am using the same struture in other places and it's working, but not here.

But when i sort o change the page this method is fired, but not when i click in that column
Do you know what is wrong ?

I show you my code:

<telerik:RadGrid

ID="_rggroupproducts"

runat="server"

AllowPaging="True"

AutoGenerateColumns="False"

AllowSorting="true"

Width="350px"

GridLines="None"

OnPageIndexChanged="RgGroupProducts_PageIndexChanged1"

OnSortCommand="RgGroupProducts_SortCommand"

OnItemCommand="RgGroupProducts_OnItemCommand"

EnableEmbeddedSkins="false" >

</ClientSettings>

<MasterTableView

DataKeyNames="ProductID"

PageSize="20" >

<telerik:GridSortExpression FieldName="ProductID" SortOrder="Ascending" />

</SortExpressions>

<PagerStyle Mode="NextPrevAndNumeric" PageButtonCount="5" PrevPageImageUrl= "../Web20/Grid/PagingPrev.gif" NextPageImageUrl="../Web20/Grid/PagingNext.gif"

Wrap="False" HorizontalAlign="Left" />

<telerik:GridBoundColumn DataField="ProductID" HeaderText="ID" ReadOnly="True" SortExpression="ProductID"

UniqueName="ProductID" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Description" ReadOnly="True" SortExpression="Description"

UniqueName="Description2" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="BasePrice" HeaderText="BasePrice" ReadOnly="True" SortExpression="BasePrice"

UniqueName="BasePrice">

</telerik:GridBoundColumn>

<telerik:GridClientDeleteColumn CommandName="Add" Text="Add" ButtonType="ImageButton" ShowSortIcon="true" ImageUrl="../Images/Plus.gif" >

</telerik:GridClientDeleteColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

and in the RgGroupProducts_OnItemCommand Method

if (e.CommandName == "Add")

{}

Grid

answered on 14 Jul 2008

1 answer

111 views

Date Validation

I realize this has been talked about already on the forums, and I understand the solution. However, in a future release it would be really nice to have a simple server side property, much like IsEmpty of IsError...Just so we can easily tell that the user inputted something, but it was not a valid date. The javascript work around works fine, but it is just extra hoops to go through that are annoying.

Calendar

answered on 14 Jul 2008

4 answers

267 views

[Solved] Dynamically set Content in code-behind?

I have declared 31 generic DayTemplate controls each with an img src in the Content section.

In my Page_Load I dynamically assign the appropriate DayTemplate to my calendar using SpecialDays.Add.

The reason I do this dynamically is because I would like to manipulate each "img src" as needed.

Is there an easy way to change the "img src..." value for my DayTemplate items as I assign them to their special days?

(In other words, I have a unique image for every day of the month, so I need to change them on the fly.)

thanks for any thoughts on this.

Calendar

answered on 14 Jul 2008

5 answers

755 views

A title Header before a Header in RadGrid

Hello,

I have just started with telerik controls. I have a requirement where I use RadGrid.
Now the problem in that the client wants to add a Title Header before Header.
Eg:
            Name                                     Contact
FirstName      LastName            Phone         Email
John               Bush                     7111          John@
Harry              Wilson                  8765         Harry@

Can anyone help me with "How to put Name and Contact title over the Header?"
I have tried a way. <RadGrid ....>
                              <MasterView ... Caption='<Table><tr><td>Name</td></tr><td>Contact</td></Table>.
                              </MasterView>
                               </RadGrid>

But it is not good idea at the moment...

Any help is appreciated

Thanks,
DIP

Grid

answered on 14 Jul 2008

3 answers

264 views

Making text wrap in PanelBar

Text in my panelbar doesn't wrap within one list item, using the Telerik skin. This forces the whole thing to be too wide. I can see that it is because of the "white-space" css attribute being "nowrap".

Two questions: how can I change this attribute? I want to just override the default setting, maybe by using !important?

Second, if I do change that attribute then the line height is far too big (I can test it via Developer Toolbar for example) - I don't see how to fix that.

I want wrapping and line spacing like in the Vista skin. But I want the "look" of the Telerik skin...

Can anyone help?

PanelBar

answered on 14 Jul 2008

1 answer

142 views

Multiple file uploading?

Are there any plans at this point of adding the feature of allowing multiple file uploads? It's such a common task that every user asks for.

Upload (Obsolete)

answered on 14 Jul 2008

4 answers

110 views

Export Excel in hierachy grid

Hi,

when I exported radgrid to excel ( html format), there is a blank column for the masterview and also detailtables. How can I remove that column?

Thanks

Grid

answered on 14 Jul 2008

1 answer

84 views

Can you have an rmExpandBottom on a rootGroup

I seem to be struggling. I'm trying to get my Menu to have a down arrow next to my text in the main rootGroup when there are child items but I can't seem to get it to appear. I've looked at the examples and on the screenshots the Web20 skin seems to do this BUT I've tried to implement that skin both using the embedded resources and by copying the files and whilst there is a down arrow in there, and one specified in the css it never appears. I've looked at the code and it seems these images don't get rendered, is there a problem or am I doing something wrong?

Here's my css code if that helps:

    
            .RadMenu_ECargo{ font-family: Verdana, Helvetica, Arial, sans-serif; padding-left:20px; } 
        
            .RadMenu_ECargo .rmRootGroup{} 
        
            .RadMenu_ECargo .rmRootGroup .rmLink 
        
            { 
        
                color:#ffffff; text-decoration:none; 
        
                height:54px; padding:0 20px; line-height:54px; 
        
                background:transparent url('/Images/Global/nav-buttons-bg_normal.gif') repeat-x bottom left;  
        
                } 
        
            .RadMenu_ECargo .rmRootGroup .rmSeparator 
        
            { 
        
                height:54px; width:2px; 
        
                background:transparent url('/Images/Global/nav-buttons-bg_seperator.gif') no-repeat bottom left;  
        
                } 
        
            .RadMenu_ECargo .rmRootGroup .rmLink:hover, 
        
            .RadMenu_ECargo .rmRootGroup .rmFocused, 
        
            .RadMenu_ECargo .rmRootGroup .rmExpanded 
        
            { 
        
                background:transparent url('/Images/Global/nav-buttons-bg_over.gif') repeat-x bottom left;  
        
            } 
        
            .RadMenu_ECargo .rmRootGroup .rmExpandBottom, 
        
            .RadMenu_ECargo .rmRootGroup .rmExpandTop, 
        
            .RadMenu_ECargo .rmRootGroup .rmFocused .rmExpandBottom, 
        
            .RadMenu_ECargo .rmRootGroup .rmFocused .rmExpandTop, 
        
            .RadMenu_ECargo .rmRootGroup .rmExpanded .rmExpandBottom, 
        
            .RadMenu_ECargo .rmRootGroup .rmExpanded .rmExpandTop 
        
            { 
        
                background:transparent url(/Images/Global/nav-arrow-down.gif) right center no-repeat; 
        
            } 
        
            .RadMenu_ECargo .rmGroup .rmLink, 
        
            .RadMenu_ECargo .rmGroup .rmLink:hover, 
        
            .RadMenu_ECargo .rmGroup .rmFocused, 
        
            .RadMenu_ECargo .rmGroup .rmExpanded 
        
            { background:#ffffff none no-repeat 0 0; min-width:150px; border:1px solid #adadad; border-top:0; color:Black; 
        
                padding:5px 10px; height:20px; line-height:20px; } 
        
            .RadMenu_ECargo .rmGroup .rmSeparator{ height:0; border-bottom:1px solid #adadad; border-top:1px solid black;} 
        
            .RadMenu_ECargo .rmRootGroup .rmSlide 
        
            { 
        
                margin:-1px 0 0 0;}

Lloyd

Menu

answered on 14 Jul 2008

7 answers

219 views

Header

Is there a way where we can "Insert a row before the Header" in the Event ITEMCREATED...

thanks,
DIP

Grid

answered on 14 Jul 2008