Questions on UI for ASP.NET AJAX Forum

6 answers

287 views

radprompt calls callback even when 'Cancel' is clicked

With versions 2008 Q1 SP1 & SP2, the radprompt calls the callback function regardless of whether 'OK' or 'Cancel' is clicked. In prior versions the callback would not be called if 'Cancel' was clicked. How do I know if the user clicked 'OK' or 'Cancel'?

PanelBar

answered on 21 Aug 2009

2 answers

139 views

[Solved] Expand on server side in master page

I need to expand a rad panel bar that is in a master page based on what page is loaded. I have this in my page load method but I get a null reference error. I'm guessing it's because the panelbar is in the master page. How do I access my panelbar in child page and expand one of the items of my choice. Here is the code I am trying
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

        Dim panel As RadPanelBar = Master.FindControl("RadPanelBar1")
        Dim item As RadPanelItem = panel.Items.FindItemByText("Entities")
        item.Expanded = True

    End Sub

PanelBar

answered on 21 Aug 2009

2 answers

119 views

[Solved] Appointment Colors don't work in ie7

Hi,

We are using the scheduler control 817 version with webservices.

But the colors seems not to be working in IE7 when we add them client side using javascript.
In IE 8 and firefox this works fine.
We are using to following code to fill the appointment client side.

    
            /// <summary> 
        
                  /// Occurs when a timeslot is created.  
        
                  /// Sets the AppointmentType image, as well as the AppointmentState category color.  
        
                  /// </summary> 
        
                  /// <param name="sender">telerik:RadScheduler</param> 
        
                  /// <param name="e">telerik:TimeSlot</param> 
        
                  /// <returns>null</returns> 
        
                  function TimeSlotCreated(sender, e) {  
        
                    var app = e.get_appointment();  
        
                    var element = e.get_appointment().get_element();  
        
                    var attributeCollection = app.get_attributes();  
        
                    var StateIconName = attributeCollection.getAttribute("StateIconName");  
        
                    var SubStateIconName = attributeCollection.getAttribute("SubStateIconName");  
        
                    var RsCategory = RgbStringToRadStyleString(attributeCollection.getAttribute("Color"));  
        
                    var customerName = attributeCollection.getAttribute("CustomerName");  
        
                    var startTime = app.get_start().format("MMM dd, yyyy HH:mm:ss");  
        
                    attributeCollection.setAttribute("OriginalStartTime", startTime);  
        
                    // Set the tooltip of the appointment  
        
                    if (customerName == null) { customerName = "Geen klant"; }  
        
                    app.set_toolTip("Afspraak: " + app.get_toolTip() + "\n" + "Klant:       " + customerName);  
        
                    // Set the stateimage  
        
                    var image = document.createElement("img");  
        
                    image.setAttribute("src", '/Images/16x16/icons/' + StateIconName);  
        
                    image.setAttribute("alt", 'IconImage');  
        
                    image.setAttribute("ondragstart", 'javascript:return false;');  
        
                    // If the appointment has a substate then show the substateimage  
        
                    if (SubStateIconName != null) {  
        
                      var image2 = document.createElement("img");  
        
                      image2.setAttribute("src", '/Images/16x16/icons/' + SubStateIconName);  
        
                      image2.setAttribute("alt", 'IconImage');  
        
                      image2.setAttribute("ondragstart", 'javascript:return false;');  
        
                    }  
        
                    // Add the color style to the appointment    
        
                    element.setAttribute("class", element.className + " rsCategory" + RsCategory);  
        
                    // All appointments with ID 0 are script generated, they are not actually appointments within the database, thus must not be allowed to  
        
                    // be edited/moved or resized in any way shape or form.  
        
                    if (app.get_id() == 0) {  
        
                      app.set_allowDelete(false);  
        
                      app.set_allowEdit(false);  
        
                    }  
        
                    var divs = element.getElementsByTagName('div');  
        
                    var result;  
        
                    var innerHTML;  
        
                    for (i = 0; i < divs.length; i++) {  
        
                      // IE and its eternal spacing issues *sigh*  
        
                      if ($telerik.$(divs[i]).is("div.rsAptContent")) {  
        
                        result = divs[i];  
        
                        innerHTML = result.innerHTML;  
        
                        result.innerHTML = '';  
        
                        result.appendChild(image);  
        
                        // If the appointment has a substate then show the substateimage  
        
                        if (SubStateIconName != null) { result.appendChild(image2); }  
        
                        result.innerHTML = result.innerHTML + innerHTML;  
        
                        result.innerHTML = result.innerHTML + "<br />";  
        
                        if (customerName != "Geen klant") {  
        
                          result.innerHTML = result.innerHTML + customerName;  
        
                        }  
        
                        return;  
        
                      }  
        
                    }  
        
                  }

    
            /// <summary> 
        
                  /// Returns the selected Css style type name for use within tsAptIn etc.  
        
                  /// </summary> 
        
                  /// <param name="color">hex color</param> 
        
                  /// <returns>Named string as used by telerik rsCategory</returns> 
        
                  function RgbStringToRadStyleString(color) {  
        
                    switch (color) {  
        
                      case "#BBD0EC": color = "Blue"; break;  
        
                      case "#202B3F": color = "DarkBlue"; break;  
        
                      case "#2B3F20": color = "DarkGreen"; break;  
        
                      case "#3F2020": color = "DarkRed"; break;  
        
                      case "#D0ECBB": color = "Green"; break;  
        
                      case "#EDD5B7": color = "Orange"; break;  
        
                      case "#F1DCFF": color = "Pink"; break;  
        
                      case "#ECBBBB": color = "Red"; break;  
        
                      case "#FFFBC7": color = "Yellow"; break;  
        
                      case "#540042": color = "Violet"; break;  
        
                      default: color = "Blue"; break;  
        
                    }  
        
                    return color;  
        
                  }

This gives me the following className : "rsApt rsCategoryBlue"

Can you tell me what i am doing wrong?

Scheduler

answered on 21 Aug 2009

3 answers

262 views

Custom Paging with RadGrid

Hi,

Can anyone please share some sample code on custom paging for RadGrid in n tier architecture.

Right now I bind grid like this:

List<User> users = User.GetAll();
myGrid.DataSource = users;

What "options" do I have to add my "GetAll" method to allow paging, sorting, filtering etc. And which events of RadGrid I have to catch for such functionality. Thanks,

Kashif

Grid

answered on 21 Aug 2009

1 answer

154 views

massive bugs in ComboBox

I tried over the last days to make the comboBoxes working. Before upgrading to Q2 everything was working.

Then I set up a new page with different comboBoxes., because I wanted to test some features of Q2 (pictures in Grid, etc.)
and sometimes they work as they are expected and sometimes the same Boxes on the same page with the same code just stop reacting (dont show any onclientselected event, or onclientfocus event). I am using the same browser for development (Firefox).

The most strange thing is that the Telerik comboBoxes behave magic. You write your program. Everything works. You go and drink some coffee. You havent change a thing, Then they just stop working. The just freeze when you are selecting an item. Whereas a minute ago you could select something. They just not react if you are changing text in the comboBox programmatically, whereas sometimes the changes are made. Again: Everyhting without changing any code!

There are a lots of parts of the Telerik Ajax stuff which is working very fine, like the Grid, TabStrip, Window, but from my experience the comboBoxes are strange individuals ;-)

Also, the comboBoxes behave very different in the different browsers (IE vs. Firefox). I got used to it and I have accepted that either all the IE users or Firefox user wont be happy with our application.

The examples of the Telerik website are very much appreciated, but it would be great to have more complex examples which are showing more real-world examples. I havent seen an example for e.g. comboBoxes working with Masterpages. For example where to put the script content into when my aspx page has no own head (which it hasnt because its on the Masterpage)? Maybe its simply my lean knowledge about the script and masterpage stuff...

ComboBox

answered on 21 Aug 2009

1 answer

324 views

Get the CheckBox Value in Client Side

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!

Grid

answered on 21 Aug 2009

2 answers

225 views

RadTreeView control with TextBox Space issue

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">

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

</NodeTemplate>

<Nodes>

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

<Nodes>

<telerik:RadTreeNode Text="Business &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>

</telerik:RadTreeView>

Thanks
Sreenivas Jakkula

TreeView

answered on 21 Aug 2009

6 answers

182 views

RadAjaxPanel and Skin problem

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>

Ajax

answered on 21 Aug 2009

2 answers

152 views

DataPicker Focus on Select Calendar Date

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.

Calendar

answered on 21 Aug 2009

3 answers

255 views

[Solved] RadComboBox and jquery

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')

ComboBox

answered on 21 Aug 2009