Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
316 views
I have the CheckBox (TemplateColumn) in Grid. I need to get the value of this control in Client Side.

this is my Column Code
<telerik:GridTemplateColumn DataField="IsChecked" HeaderText="DropDown" UniqueName="colDropDown">
     <ItemTemplate>
         <asp:CheckBox ID="chkIsEmpty" runat="server" />
     </ItemTemplate>
</telerik:GridTemplateColumn>

I have tried with these JavaScript Code

var chkBox1 = $telerik.findControl(DataItems[i].get_element(), "chkIsEmpty"); alert(chkBox1.get_value());
var chkBox1 = $telerik.findElement(DataItems[i].get_element(), "chkIsEmpty"); alert(chkBox2.get_value());

But I couldn't. Please help me


Thanks!
Martin
Telerik team
 answered on 21 Aug 2009
2 answers
218 views
Hi,

I am having problem in using TextBox inside RadTreeView control with the Space.
This text box is accepting space but I have to click two times. Very first time its focusing to the RadTreeView and second one will be for space. Is there any way to get the space on first click?.

We are using Q1 2009 version of Teleriks controls for ASP.NET.

Sample page below..

<

 

telerik:RadTreeView ID="EntityListView" runat="server" CheckBoxes="true" EnableTheming="false"

 

 

Skin="Vista">

 

 

<NodeTemplate>

 

 

<asp:TextBox ID="tb" runat="server" Width="200px"></asp:TextBox>

 

 

</NodeTemplate>

 

 

<Nodes>

 

 

<telerik:RadTreeNode Text="Software" Expanded="true">

 

 

<Nodes>

 

 

<telerik:RadTreeNode Text="Business &amp;amp; Office" />

 

 

<telerik:RadTreeNode Text="Database" />

 

 

<telerik:RadTreeNode Text="Networking" />

 

 

<telerik:RadTreeNode Text="Presentation" />

 

 

<telerik:RadTreeNode Text="Project Management" />

 

 

<telerik:RadTreeNode Text="Reports" />

 

 

<telerik:RadTreeNode Text="Spreadsheet" />

 

 

<telerik:RadTreeNode Text="Word Processing" />

 

 

</Nodes>

 

 

</telerik:RadTreeNode>

 

 

</Nodes>

 

 

<CollapseAnimation Type="OutQuint" Duration="100"></CollapseAnimation>

 

 

<ExpandAnimation Duration="100"></ExpandAnimation>

 

 

</telerik:RadTreeView>

 




Thanks
Sreenivas Jakkula
Sreenivas
Top achievements
Rank 1
 answered on 21 Aug 2009
6 answers
180 views

I have a UserControl with RadAjaxPanel, two asp:panels and some RadControls like RadTextBox, RadComboBox etc. and two buttons (back and continue). I use a skinfile.skin to set all the RadControls to Vista-skin. When I first get to the aspx page panel 1 is shown (visible=true) and panel 2 is hidden (visible=false). Vista skin works and everything looks fine, but when I click on the continue button which hides panel 1 and shows panel 2 the Vista skin stops working. All the RadControls look strange. If I click on the back button and then on the continue button again the Vista look starts and everything looks as it should. Without the RadAjaxPanel this works fine.

What is the problem and how can I get it to work?

The principle code looks like this: 

/***** UserControl (Without a lot of tags/attributes) ******/
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1">
<asp:Panel ID="pnl1" runat="server" CssClass="candidatePersonalInfoPanel">                                               
 <telerik:RadTextBox ID="txt1" runat="server" />                                                                                                                                                                                                                                                   
 
<telerik:RadComboBox ID="ddl1" runat="server" />                                                                                                                                                                                                                                   
</asp:Panel>
<asp:Panel ID="pnl2" runat="server" Visible="false">
 <telerik:RadTextBox ID="txt2" runat="server" />                                                                                                                                                                                                                                                   
 <telerik:RadComboBox ID="ddl2" runat="server" />          
</asp:Panel>
<asp:Button ID="btnBack" CausesValidation="false" runat="server" Text="« Back" />
<asp:Button ID="btnContinue" CausesValidation="true" runat="server" Text="Continue »" />                                                               
</telerik:RadAjaxPanel>

 

/***** SkinFile.skin ******/
<telerik:RadComboBox runat="server"
    Skin="Vista">
</telerik:RadComboBox>

<telerik:RadTextBox runat="server"
    Skin="Vista"       
    InvalidStyleDuration="100">   
</telerik:RadTextBox> 

Magnus
Top achievements
Rank 1
 answered on 21 Aug 2009
2 answers
144 views
Hello,

I'm trying to set the focus to the date input field when a user selects a date using the calendar.

How is this accomplished. I've spent countless hours trying to figure this out.

We are using Q2 2009 and our site is ajaxified, so we are using a scriptmanager, update panel, etc.

Thanks for the considerations.
Remi
Top achievements
Rank 2
 answered on 21 Aug 2009
3 answers
251 views

Hi,
I want to find RadComboBox on a page with jquery and set some text to this control. My code:

$telerik.$("[id$='RadComboBox1']").set_text('sas'); 

but it doesn't work properly. Why?
With $find it works fine:

contentWin.$find("RadComboBox1").set_text('asdfgh') 
Alex Gyoshev
Telerik team
 answered on 21 Aug 2009
3 answers
138 views
I have a problem using the popup edit form in the grid. In IE 7, the modal form is all greyed out. This works fine in Firefox 3.5. All the demos work fine in IE, so I'm assuming it's a CSS problem?

Above this code is a bunch of other divs, but here is the basics of it.

 <div class="contentfull"
      <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
         <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="grdCourses"
               <UpdatedControls> 
                  <telerik:AjaxUpdatedControl ControlID="grdCourses" /> 
               </UpdatedControls> 
            </telerik:AjaxSetting> 
         </AjaxSettings> 
      </telerik:RadAjaxManager> 
    
      <telerik:RadGrid ID="grdCourses" runat="server" AllowMultiRowEdit="false" AllowMultiRowSelection="false" 
                     AllowSorting="true" Skin="Vista" Width="50%"
         <ClientSettings> 
         <Scrolling AllowScroll="false" /> 
            <Selecting AllowRowSelect="true"/> 
         </ClientSettings> 
         <ExportSettings Excel-FileExtension="xls" Excel-Format="ExcelML" ExportOnlyData="True" OpenInNewWindow="True"></ExportSettings>  
         <MasterTableView GridLines="None" EditMode="PopUp" CommandItemDisplay="TopAndBottom" AutoGenerateColumns="False" AllowPaging="False"
            <CommandItemSettings AddNewRecordText="Add New Course" /> 
            <Columns> 
               <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn> 
               <telerik:GridBoundColumn UniqueName="CourseID" HeaderText="ID" DataField="CourseID"></telerik:GridBoundColumn> 
               <telerik:GridBoundColumn UniqueName="Title" DataField="Title" HeaderText="Title"  Visible="True" ItemStyle-HorizontalAlign="Left"></telerik:GridBoundColumn> 
               <telerik:GridBoundColumn UniqueName="Description" DataField="Details" HeaderText="Description"  Visible="False"></telerik:GridBoundColumn> 
               <telerik:GridButtonColumn UniqueName="Delete" CommandName="Delete" Text="Delete"></telerik:GridButtonColumn> 
            </Columns> 
             
            <EditFormSettings EditFormType="Template"
               <FormTemplate> 
               <div> 
 Hi Edit Form 
</div> 
                   
               </FormTemplate> 
                 
               <PopUpSettings Height="800px" ScrollBars="None" Width="800px" Modal="true" /> 
            </EditFormSettings> 
         </MasterTableView> 
      </telerik:RadGrid> 
   </div><!--contentfull--> 

Any ideas? I'll keep trying to figure it out as I'm assuming it's a css problem.
Mira
Telerik team
 answered on 21 Aug 2009
1 answer
144 views
Hello Sir i want the grouping inside the group for example

> ProdutName : XYz
Pro                    cost             Loc
abc                  2000            ind
paq                 2000            srilanka

>ProductNam: PQR
Pro              Cost             Loc
abc              2000            USA
paq             2000            Holand
Combined
  |--              4000             USA  
  |--              4000            USA
 | --              4000            USA

Just like this type of grouping means in combined group., grup the product they have same cost and location is same and prodcut is same then show its in combined. The Product Name is Primary Fileld. Inside that grup bye cost and loc.

Is this possible grouping inside grouping is it possible ?  And also display the sum in below footer of group.


Reply
Thanks

Iana Tsolova
Telerik team
 answered on 21 Aug 2009
7 answers
185 views
I was wondering if there is a way to create my own custom skins and have it in the drop down list with all the default skins that come with the RadControls.  I need this functionality because I could possibly use a different skin for the same component either on the same page or some where else on the website that I'm working on.

I have gone through the help file to try and see if there is a way, but it only shows you how to apply the skin to all the controls site wide.

Kai Thao
Kai
Top achievements
Rank 1
 answered on 21 Aug 2009
1 answer
131 views
Hi,

I am trying to implement the following solution

http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/treeviewcombobox/defaultvb.aspx

In the LinkManager.ascx of the RadEditor.

The javascript functions cannot find div1 and in function OnClientDropDownOpenedHandler

var tree = sender.get_items().getItem(0).findControl("RadTreeView1");

does not work.

Can you please assist?

Marc








Fit2Page
Top achievements
Rank 2
Bronze
Iron
Iron
 answered on 21 Aug 2009
2 answers
168 views
Hello,

I have seen a similar problem to this elsewhere, but have not been able to get any of the proposed solutions to work.  Here is my issue:

I have a page with a RadTabStrip and RadMultiPage.  The tabstrip is being used only as an indicator of progress, while I am using next and back buttons on each pageview to move between the items (using the "wizard" functionality).  I have the whole thing inside an ajaxpanel, because I didn't want the whole page to reload each time the user clicked next or back.

I have a RadEditor on the 2nd pageview (so it is hidden at first).  In IE, everything works fine.  However, in Firefox, when the RadEditor is initially hidden, then shown after the user clicks next, I cannot click in the content area to edit.  If I click the Preview button, then go back to Design (we have disabled the HTML view), I can click in and edit the content area, but none of the buttons work.  If I click one of the buttons (like Bold), it just adds a "#" to the path of the page, so I'm assuming that whatever javascript was supposed to run when clicking that button isn't running.

If I remove the ajaxpanel, the RadEditor works fine in Firefox, so I'm assuming it's related to the AjaxPanel.  I would like to be able to use the AjaxPanel, because I want an indicator for the user to see that something is going on between steps.


Here is a basic form that I just tested that illustrates the issue: 
(I am using Firefox 3.0.10, and RadControls for ASP.NET AJAX Q1 2009)

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %> 
 
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"
    <title></title
</head> 
<body> 
    <form id="form1" runat="server"
    <telerik:RadScriptManager id="RadScriptManager1" runat="server"
    </telerik:RadScriptManager> 
     
 
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" /> 
        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" EnablePageHeadUpdate="false">  
    <telerik:RadTabStrip ID="RadTabStrip1"  
                             runat="server"  
                             MultiPageID="RadMultiPage1"  
                             SelectedIndex="0"  
                             EnableEmbeddedSkins="false" 
                             meta:resourceKey="RadTabStrip1Resource1"
                              
            <Tabs> 
                <telerik:RadTab PageViewID="Step 1" Selected="true" runat="server" CssClass="progress current" /> 
                <telerik:RadTab PageViewID="Step 2" runat="server" CssClass="progressDisabled" /> 
                <telerik:RadTab PageViewID="Step 3" runat="server" CssClass="progressDisabled" /> 
            </Tabs> 
        </telerik:RadTabStrip> 
         
         
        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">  
         
         
            <%-- STEP 1 --%> 
            <telerik:RadPageView ID="SelectAudience" runat="server" Selected="true" meta:resourceKey="SelectAudienceResource1"
                <p>Step 1</p>                
                <div class="block append-bottom"
                    <div class="prepend-16 span-6" align="center"
                        <asp:Button ID="btnNextStep1" runat="server" CssClass="next"  
                            text="Step 2" /> 
                    </div> 
                </div> 
            </telerik:RadPageView>            
             
             
             
             
             
             
             
            <%-- STEP 2 --%> 
            <telerik:RadPageView ID="CreateMessage" runat="server" meta:resourceKey="CreateMessageResource1"
             
                <div class="block">                  
                    <div class="span-24">             
                        <telerik:RadEditor ID="txtMessage"  
                                           runat="server"  
                                           Skin="Vista" 
                                           SkinID="messageEdit" 
                                           EditModes="Design, Preview"  
                            meta:resourceKey="txtMessageResource1" > 
                            <Tools> 
                                <telerik:EditorToolGroup> 
                                        <telerik:EditorTool Name="Bold" /> 
                                        <telerik:EditorTool Name="Italic" /> 
                                        <telerik:EditorTool Name="Underline" /> 
                                        <telerik:EditorTool Name="AjaxSpellCheck" /> 
                                        <telerik:EditorTool Name="Copy" /> 
                                        <telerik:EditorTool Name="Cut" /> 
                                        <telerik:EditorTool Name="Paste" /> 
                                        <telerik:EditorTool Name="PasteFromWord" /> 
                                        <telerik:EditorTool Name="Undo" /> 
                                        <telerik:EditorTool Name="InsertTime" />                                       
                                        <telerik:EditorTool Name="JustifyLeft" /> 
                                        <telerik:EditorTool Name="JustifyCenter" /> 
                                        <telerik:EditorTool Name="JustifyRight" /> 
                                        <telerik:EditorTool Name="Superscript" /> 
                                        <telerik:EditorTool Name="Subscript" /> 
                                </telerik:EditorToolGroup> 
                             
                            </Tools> 
 
                            <Content> 
                            </Content> 
 
                        </telerik:RadEditor> 
                    </div> 
                </div> 
               <div class="block append-bottom"
                    <div class="prepend-10 span-12" align="center"
                        <asp:Button ID="btnPreviousStep2" runat="server" CssClass="previous"  
                            Text="Back" CausesValidation="False" /> 
                        <asp:Button ID="btnNextStep2" runat="server" CssClass="next" Text="Step 3"  
                            ValidationGroup="2"  /> 
                    </div> 
                </div> 
            </telerik:RadPageView>         
             
             
             
             
            <%-- STEP 3 --%> 
            <telerik:RadPageView ID="Confirmation" runat="server">             
                <p>Step 3</p>    
                <div class="block append-bottom"
                    <div class="prepend-4 span-6" align="center"
                        <asp:Button ID="btnPreviousStep3" runat="server" CssClass="previous"  
                            Text="Back" CausesValidation="False"  
                            meta:resourceKey="btnPreviousStep3Resource1" /> 
                    </div> 
                    <div class="span-6" align="center"
                        <asp:Button ID="btnStartOver" runat="server" CssClass="startOver"  
                            Text="Start Over" CausesValidation="False"  /> 
                    </div> 
 
                </div>            
            </telerik:RadPageView> 
        </telerik:RadMultiPage>  
        </telerik:RadAjaxPanel> 
    </form> 
</body> 
</html> 
 




Any help is greatly appreciated.

Thanks,
Gene






Gene
Top achievements
Rank 1
 answered on 21 Aug 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?