Questions on UI for ASP.NET AJAX Forum

1 answer

84 views

Hi,

I am using RADTooltip in my application.
My requirement is to display the tooltip below the text.
This works fine for first two elements as there is no space above the text.
But the same is displayed above the text.

I kept the Position="TopCenter".
But when i keep the Position="BottomCenter", the tooltip is shown something wrongly.

Kindly suggest some solutions.

Also, find the screenshot for reference.

Thanks in Advance,
Vinoth.K

ToolTip

answered on 09 Apr 2010

12 answers

344 views

How to retain grid select row value in radcombo on postback

Hello, I'm using the ASP.NET AJAX controls version 2009.2.826.35.
1) I want to have a radcombo filled with a radgrid (with ID, Title columns). On making a selection from the radgrid the Title shold be selected in the radcombo.
2) Also I'll need to set the visibility of certain panels to true/false, populate another dropdownlist, etc.... based on the selection made.

Using the examples provided I was able to achive what is mentioned under (1)
However the selected value is showed in the radcombo only when there is no postback. If I do a postback (for example if autopostback is set to true for radcombo, or else EnablePostBackOnRowClick="true") the selected Title value is not showed in the radcombo.

How can I retain the selection on postback and how can I hadle the serverside events followed after the selection is made from the grid.

Find below the source. Please note the radgrid is loaded with data from simple datasource. There is no searching involved (like I've seen on one of the examples). Users are not allowed to type in radcombo hence AllowCustomText = "false"

Any solutions?

    
            <telerik:RadCodeBlock ID="rcb1" runat="server">  
        
                        <script type="text/javascript">                   
        
                            function RowSelected(sender, args) {  
        
                                var selectedText = args.getDataKeyValue("Title");  
        
                                var selectedValue = args.getDataKeyValue("ID");  
        
                                var combo = $find('<%= trcJobList.ClientID %>');  
        
                                if (selectedValue.length > 0) {  
        
                                    combo.trackChanges();  
        
                                    combo.set_text(selectedText);  
        
                                    combo.get_items().getItem(0).set_text = selectedText;  
        
                                    combo.get_items().getItem(0).set_value(selectedValue);  
        
                                    combo.commitChanges();  
        
                                    combo.hideDropDown();  
        
                                }  
        
                            }     
        
                           </script>       
        
            </telerik:RadCodeBlock>

    
            <telerik:RadComboBox ID="trcJobList" Width="210px" runat="server" MarkFirstMatch="false" AllowCustomText="false" Skin="Telerik" ExpandAnimation-Type="None" CollapseAnimation-Type="None">  
        
                                                <ItemTemplate> 
        
                                                    <telerik:RadGrid OnItemCommand="trgJobList_ItemCommand" id="trgJobList" Width="200px" runat="server" Skin="Telerik" OnNeedDataSource="trgJobList_NeedDataSource">  
        
                                                        <MasterTableView NoMasterRecordsText="" AutoGenerateColumns="false" DataKeyNames="ID, Title" Width="190px" ClientDataKeyNames="ID, Title" TableLayout="Fixed">  
        
                                                            <Columns> 
        
                                                                <telerik:GridBoundColumn  
        
                                                                   HeaderText="ID" 
        
                                                                   DataField="ID" 
        
                                                                   UniqueName="ID">  
        
                                                                   <HeaderStyle Width="30px" /> 
        
                                                                 </telerik:GridBoundColumn> 
        
                                                                 <telerik:GridBoundColumn  
        
                                                                   HeaderText="Title" 
        
                                                                   DataField="Title" 
        
                                                                   UniqueName="Title">  
        
                                                                   <HeaderStyle Width="100px" /> 
        
                                                                 </telerik:GridBoundColumn> 
        
                                                            </Columns> 
        
                                                        </MasterTableView> 
        
                                                        <ClientSettings EnablePostBackOnRowClick="true">     
        
                                                        <Selecting AllowRowSelect="true" />                                           
        
                                                        <ClientEvents OnRowSelected="RowSelected"/>  
        
                                                        <Scrolling  
        
                                                         AllowScroll="true" 
        
                                                         UseStaticHeaders="true" 
        
                                                         ScrollHeight="150px" /> 
        
                                                        </ClientSettings> 
        
                                                    </telerik:RadGrid> 
        
                                                </ItemTemplate> 
        
                                                <Items> 
        
                                                    <telerik:RadComboBoxItem runat="server" Text=" "></telerik:RadComboBoxItem> 
        
                                                </Items> 
        
            </telerik:RadComboBox>

ComboBox

answered on 09 Apr 2010

2 answers

147 views

[Solved] show current page and total page for raddatapager

want to have "currentpage/total page" to be displayed, instead of "Items current to currentend of total record" or RadDataPagerGoToPageField which shows a button

ListView

answered on 09 Apr 2010

1 answer

307 views

Import CSV to radGrid

Dear Sir,
Now i am need to import a csv file's data, into the radgrid... please help for this query.,

then another one is, i wanna to import the field name in the radgrid's column one by one.,

reply both the queries...

Regards

S Suriya Narayanan

Grid

answered on 08 Apr 2010

4 answers

184 views

Problem setting image upload limit

Hi,

I am having problems setting the upload size in my image manager. I have the following code

    
            <telerik:RadEditor ID="radTextEditor" runat="Server"  EnableResize="False" 
        
                ToolsFile="~/assets/editorToolbar/body.xml" SpellCheckSettings-DictionaryLanguage="en-GB"> 
        
                <CssFiles> 
        
                    <telerik:EditorCssFile Value="~/css/shared/radEditor.css" /> 
        
                </CssFiles> 
        
                <ImageManager SearchPatterns="*.jpg,*.jpeg,*.gif,*.png" MaxUploadFileSize="512000" /> 
        
                <Content> 
        
                </Content> 
        
            </telerik:RadEditor>

I still see the following when i load my image manager

Max file size allowed:200.00 KB
File extensions allowed:*.*

Editor

answered on 08 Apr 2010

3 answers

128 views

How to make DataSubjectField as a HyperLink

Hi,

i am using Telerik.Web.UI version (2009.2.826.35)

i have RadScheduler on my webform.

i would like make DataSubjectField as like a hyperlink which will open new Test.aspx form.

i want to call my Javascript function to open that form and i need to pass id to that function.

                    <telerik:RadScheduler ID="RadScheduler1" runat="server" SelectedView="TimelineView" Height="100px" ShowNavigationPane="false" AllowInsert="false" AllowEdit="false" AllowDelete="false"         
                      DataKeyField="id" DataStartField="sortdate" DataEndField="displaydate" DataSubjectField= "text" OverflowBehavior="Expand" ShowViewTabs="false" ColumnWidth="250px">          
                 </telerik:RadScheduler>         

                    function openWin(id)         
            {            
                var url = document.location.protocol  + "//" + document.location.host + '/Test.aspx?' + '&id' + id;          
                var openedWin = window.open(url);         
                openedWin.focus();         
            }         

how do i make this one?

Scheduler

answered on 08 Apr 2010

4 answers

142 views

Rendering issue on Treeview

Hi.

I am having issue on treeview that when I expend treeview, it expand and push down other items to bottom of the treeivew.
it seems like other expanded nodes does not render correctly.
this happens when other node is already expanded.

Any idea?

Thanks

TreeView

answered on 08 Apr 2010

5 answers

191 views

Last Row deleting problem

Hi support,

I am attempting to institute a radgrid using a user control insert/edit form. I am running into a problem with deletion of the last row in the grid on the last page. For example, I have a situation where there are 4 records in the grid with a pagesize of 3. If I delete the 4th record then after the successful deletion, the paging is thrown out of whack and the grid can no longer find any records within the grid. Moreover, the grid will not rebind either. As I have a dropdown that controls the grid datasource which generally allows a different search.

Note, since I have the paging as "always visible" the pager at the bottom is clickable and if I click the page number at the bottom it will reorient the grid and put everything into the right place. I have tried a number of things and don't know where to go.
Without this always visible on, it is totally broken.

Josh

I have copied and pasted the relevant code below

    
                <asp:Panel ID="PanelRadGrid" runat="server" style="table-layout:fixed; clear:both;" >               
        
                    <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" PageSize="3" 
        
                            AllowSorting="True" AllowPaging="True" AllowMultiRowSelection="False" 
        
                            OnNeedDataSource="RadGrid1_NeedDataSource" 
        
                            OnItemCommand="RadGrid1_ItemCommand"    
        
                            OnInsertCommand="RadGrid1_InsertCommand"   
        
                            OnUpdateCommand="RadGrid1_UpdateCommand" 
        
                            OnDeleteCommand="RadGrid1_DeleteCommand" 
        
                            OnItemCreated="RadGrid1_ItemCreated" 
        
                            OnItemDataBound="RadGrid1_ItemDataBound" 
        
                            Skin="Mastrr" 
        
                            > 
        
                            <PagerStyle Mode="NumericPages" HorizontalAlign="Center" AlwaysVisible="true" /> 
        
                            <MasterTableView EnableTheming="false" InsertItemPageIndexAction="ShowItemOnCurrentPage" InsertItemDisplay="Bottom" DataKeyNames="PendForReviewKey" Width="100%" GridLines="None" AllowMultiColumnSorting="True" 
        
                                  CurrentResetPageIndexAction="SetPageIndexToFirst" CommandItemDisplay="Bottom" TableLayout="Auto" ShowHeadersWhenNoRecords="true">  
        
                                <Columns> 
        
                                    <telerik:GridTemplateColumn> 
        
                                        <ItemTemplate> 
        
                                            <asp:Button ID="ButtonEdit" runat="server" CommandName="Edit" CssClass="rgEdit" ToolTip="Edit" /> 
        
                                        </ItemTemplate>   
        
                                    </telerik:GridTemplateColumn>                      
        
                                    <telerik:GridBoundColumn UniqueName="Person" SortExpression="Person" HeaderText="Person"   
        
                                        DataField="Person">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn UniqueName="Product" SortExpression="Product" HeaderText="Product" 
        
                                        DataField="Product">  
        
                                    </telerik:GridBoundColumn>                           
        
                                    <telerik:GridBoundColumn UniqueName="RenderOrg" SortExpression="RenderOrg" HeaderText="Rendering Organization" 
        
                                        DataField="RenderOrg">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn UniqueName="BillingOrg" SortExpression="BillingOrg" HeaderText="Billing Organization" 
        
                                        DataField="BillingOrg">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn UniqueName="BillingOrgTreeFlag" HeaderText="Org Tree Flag" 
        
                                        DataField="BillingOrgTreeFlag">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn UniqueName="Diagnosis" SortExpression="Diagnosis" HeaderText="Diagnosis Code" 
        
                                        DataField="Diagnosis">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn UniqueName="EffectiveDate" SortExpression="EffectiveDate" HeaderText="Effective Date" 
        
                                        DataField="EffectiveDate">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn UniqueName="ExpirationDate" SortExpression="ExpirationDate" HeaderText="Expiration Date" 
        
                                        DataField="ExpirationDate">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridTemplateColumn UniqueName="TemplateColumn">  
        
                                       <ItemTemplate> 
        
                                         <asp:Button ID="ButtonDelete" runat="server" CommandName="Delete" CssClass="rgDel" ToolTip="Delete" 
        
                                          OnClientClick="javascript:if(!confirm('This action will delete the selected Pend For Review Record. Continue?')){return false;}"/>  
        
                                        </ItemTemplate> 
        
                                    </telerik:GridTemplateColumn>                                                                                                                                                                                                                                            
        
                                </Columns> 
        
                                <EditFormSettings UserControlName="../AdminUC/ManagePendForReviewUC.ascx" EditFormType="WebUserControl">  
        
                                 </EditFormSettings> 
        
                            <CommandItemSettings AddNewRecordText=""   
        
                                                 RefreshText="" />                       
        
                            </MasterTableView> 
        
                            <ClientSettings AllowKeyboardNavigation="True">    
        
                                <Selecting AllowRowSelect="False" />    
        
                            </ClientSettings> 
        
                    </telerik:RadGrid>

    
                /// <summary>  
        
                /// The Delete event.  Occurs when user clicks the trash can icon on the edit form.  
        
                /// </summary>  
        
                /// <param name="source"></param>  
        
                /// <param name="e"></param>  
        
                protected void RadGrid1_DeleteCommand(object source, GridCommandEventArgs e)  
        
                {  
        
                    Int16 pendForReviewKey = Convert.ToInt16(e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["PendForReviewKey"]);  
        
                    PendForReview.Delete(pendForReviewKey);  
        
                    // Return to grid mode out of edit mode if that's where the user was.  
        
                    e.Item.Edit = false;  
        
                }

Grid

answered on 08 Apr 2010

1 answer

222 views

How to prevent user from moving/resizing schedule

I am curious if someone could possibly give me an example of how to prevent the RadScheduler from letting anyone move/resize the appointments?

Thanks

Ramie

Scheduler

answered on 08 Apr 2010

3 answers

144 views

Telerik...where's the PDF component?

You've got PDF rendering on reporting, Editor, RadGrid (others?)...where's the standalone PDF component for us to just feed content into and manipluate (rasterize?)?

Is there anything in an upcoming Q release?

General Discussions

answered on 08 Apr 2010