Telerik Forums
UI for ASP.NET AJAX Forum
7 answers
156 views
Hello,

I'm trying to use a date picker and a time picker in my advanced insert template, but am having a few issues with the time picker.
Here is my code so far:

<telerik:RadDatePicker  runat="server" ID="rdpStartInsert" SelectedDate='<%# Bind("Start") %>' Skin="Vista" /> 
<telerik:RadTimePicker runat="server" ID="rtpStartInsert" Width="65px" Skin="Vista" SelectedDate='<%# Bind("Start") %>'> 
                                <TimeView ID="timeStartInsert" runat="server" Columns="2" ShowHeader="false" StartTime="08:00" 
                                    EndTime="18:00" Interval="00:30" /> 
</telerik:RadTimePicker> 

The problems are that the calendar on the time picker does not have a skin and when you click on a time it doesn't update the input box. The date picker works fine.

I tried to follow this demo (http://demos.telerik.com/aspnet-ajax/scheduler/examples/advancedformtemplate/defaultcs.aspx), but I don't understand it to be frank and it seems to be a totally different approach to what I taken via following another getting started demo. I like how the buttons don't appear in the demo and the calendars show on input focus, but again can't see how or where this is done?

Any help would be greatly appreciated.

EDIT: may be worth noting that I can extract data from the two controls without issue on the Appointment Command event with the following, so it just a UI input issue with the time picker control from what I can see:

RadDatePicker startInputDate = (RadDatePicker)e.Container.FindControl("rdpStartInsert"); 
                RadTimePicker startInputTime = (RadTimePicker)e.Container.FindControl("rtpStartInsert"); 
 
                DateTime selectedStartDate = startInputDate.SelectedDate.Value; 
                DateTime selectedStartTime = startInputTime.SelectedDate.Value; 
 
                DateTime eventStart = new DateTime(selectedStartDate.Year, selectedStartDate.Month, selectedStartDate.Day, 
                    selectedStartTime.Hour, selectedStartTime.Minute, selectedStartTime.Second); 
 
                RadDatePicker endInputDate = (RadDatePicker)e.Container.FindControl("rdpEndInsert"); 
                RadTimePicker endInputTime = (RadTimePicker)e.Container.FindControl("rtpEndInsert"); 
 
                DateTime selectedEndDate = endInputDate.SelectedDate.Value; 
                DateTime selectedEndTime = endInputTime.SelectedDate.Value; 
 
                DateTime eventEnd = new DateTime(selectedEndDate.Year, selectedEndDate.Month, selectedEndDate.Day, 
                    selectedEndTime.Hour, selectedEndTime.Minute, selectedEndTime.Second); 
 


Thanks,

Michael
Peter
Telerik team
 answered on 04 Feb 2010
2 answers
133 views
Hello!
I’m trying to implement a RadInputManager into the custom control for validation of several textBoxes in it

Here is an error I’ve got
"Microsoft JScript runtime error: 'null' is null or not an object"  in  the ValidatorOnLoad() function 
It looks like all my page validators are null (Page_Validators has null items)
please help!
Daniel Luchin
Top achievements
Rank 1
 answered on 04 Feb 2010
1 answer
154 views
We have two Rad Menus (Ver 2009.3.1208.20) on the same page adjacent to each other. In IE "Menu A" flyouts were showing behind the transparent layer of the adjacent menu "Menu B" and both menus behaved correctly in FF and Safari. (see attached file) However, "Menu B" flyouts display correctly over "Menu A"

The issue is similar to the post at http://www.telerik.com/community/forums/aspnet-ajax/menu/menu-opens-behind-radschedular-no-matter-what-z-index-i-use.aspx

I was able to get "Menu A" in IE to behave correctly by adding EnableOverlay="false" style="z-index:1!important;" to the RadMenu, but then FF and Safari show the unwanted behavior. So, the problem just switched browsers.

So, short of having server side logic to detect the browser used and dynamically add the EnableOverlay="false" style="z-index:1!important;" or remove it, is there an easier fix?

Thanks in advance,

Keith E.



Peter
Telerik team
 answered on 04 Feb 2010
1 answer
77 views
Is there any way to achieve this?

Example: I have a RadRating control with an ItemCount of 5, I would like to have each item within the Rating control to have its own unique identifier.

ie. 'RadRating1 1', 'RadRating1 2', 'RadRating1 3', 'RadRating1 4', 'RadRating1 5'

I started digging and would assume to achieve this functionality I would have to modify the RadRating .js? If so, how?

Thanks

Edit: Thinking about it a bit more, I'd need the classes to have it's own number. Please see the example below. I have altered the HTML render to how I would like it, primarily the A tag's class and ID.

<div class="RadRating RadRating_Test" id="ctl00_ContentPlaceHolder1_rptLatestOffers_ctl02_RadRating1" style="width: 89px; float: left; height: 22px;" RowID="2" WineID="2432" control="[object Object]">  
  <ul class="rrtItem" _events="[object Object]">  
    <li class="rrtSelected">  
      <a title="1" class="1" id="1" href="#"></a> 
    </li> 
    <li class="rrtSelected">  
      <a title="2" class="2" id="2" href="#"></a> 
    </li> 
    <li class="rrtSelected">  
      <a title="3" class="3" id="3" href="#"></a> 
    </li> 
    <li class="rrtSelected">  
      <a title="4" class="4" id="4" href="#"></a> 
    </li> 
    <li class="rrtSelected">  
      <a title="5" class="5" id="5" href="#"></a> 
    </li> 
  </ul> 
</div> 

Tsvetie
Telerik team
 answered on 04 Feb 2010
2 answers
80 views
Hello,
I have tried to inser in a template contained in a RadGrid a RadCombo that shows a TreeView. It works only if I don't use ajax (so with traditional postbacks). It I insert the grid in a panelupdate, this combo does not work. Below you can find the code I used. Can anyone suggest me a solution? The problem is in javascript code

Thank you
<telerik:GridTemplateColumn UniqueName="TemplateColumn">
    <EditItemTemplate>

        <script type="text/javascript">        
        function nodeClicking(sender, args)
        {
            var comboBox = $find('<%= RadGridSchedaLavori_MaterialiForniture.MasterTableView.GetInsertItem.FindControl("RadComboBox1").ClientID %>');

            var node = args.get_node()
            alert(comboBox.get_items().get_count());
            
            comboBox.set_text(node.get_text());
            
            comboBox.trackChanges();
            comboBox.get_items().getItem(0).set_value(node.get_text());
            comboBox.commitChanges();

            comboBox.hideDropDown();
            //alert(node.get_text());
            
        }

        function StopPropagation(e)
        {
            if(!e)
            {
                e = window.event;
            }

            e.cancelBubble = true;
        }
        
        function OnClientDropDownOpenedHandler(sender, eventArgs)
        {
            var tree = sender.get_items().getItem(0).findControl('RadGridSchedaLavori_MaterialiForniture.MasterTableView.GetInsertItem.FindControl("RadTreeView1").ClientID');
            var selectedNode = tree.get_selectedNode();
            if (selectedNode)
            {
                selectedNode.scrollIntoView();
            }
        }
        </script>

        <telerik:RadComboBox ID="RadComboBox1" runat="server" Height="140px" Width="215px"
            ShowToggleImage="True" Style="vertical-align: middle;" OnClientDropDownOpened="OnClientDropDownOpenedHandler"
            EmptyMessage="Choose a destination" ExpandAnimation-Type="None" CollapseAnimation-Type="None">
            <ItemTemplate>
                <div id="div1">
                    <telerik:RadTreeView runat="server" ID="RadTreeView1" OnClientNodeClicking="nodeClicking"
                        Height="138px" Width="212px">
                        <Nodes>
                            <telerik:RadTreeNode runat="server" Text="Africa" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="Egypt">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Cairo">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="South Africa">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Cape Town">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Kenya">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Nairobi" Value="1999">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="Australia">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="South East Australia">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Sydney">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Melbourne">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="Asia" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="China">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Bejing">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="India">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="New Delhi">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Bombay">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Indonesia">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Jakarta">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="Europa" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="England">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="London">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Liverpool">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Manchester">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="France">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Paris">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Cannes">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Nice">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Germany">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Bonn">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Berlin">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Frankfurt">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="North America" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="USA">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="New York">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Los Angeles">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Boston">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Canada">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Toronto">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Ottawa">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Vancouver">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Mexico">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Mexico City">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Cancun">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="South America" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="Brazil">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="New Brazil">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Rio de Janeiro">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Argentina">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Buenos Aires">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Chile">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Santiago">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                        </Nodes>
                    </telerik:RadTreeView>
                </div>
            </ItemTemplate>
            <Items>
                <telerik:RadComboBoxItem Text="" />
            </Items>
        </telerik:RadComboBox>

        <script type="text/javascript">
        var div1 = document.getElementById("div1");
        div1.onclick = StopPropagation;
        </script>

    </EditItemTemplate>
</telerik:GridTemplateColumn>
Fabio Laserra
Top achievements
Rank 1
 answered on 04 Feb 2010
2 answers
150 views
Hi,

I've been developning a custom webpart for sharepoint using the Telerik TreeView control. In my development and test enviroments i have registerd the scriptmanager by adding it to the testpage/aspx-page. This works like a charm.
Then it was time for delpoyment on the production servers, and this is where the problems begin. In the masterpage of the production enviroment i have a scriptmanager. The Page where i add the new custom webpart, use this masterpage. But still i get an error sayin there is no scriptmanager on the page.
Trying for the quick-fix i add a scriptmanager directly to the page im adding the new webpart to. But no sigar, I get a error saying that i can only have 1 scriptmanager pr page.
So the problem is... I cant get the only one scriptmanager that i need to get the webpart going. And i cant remove the scriptmanager on the masterpage, as this is in use on numerous other pages in the portal.
What to do? and why is this happening?

Some practical information:
Treeview added in CreateChildControls event.
Have tried the useless SafeScriptManager from Microsoft SPG

Regards
Krister A Klaussen
Krister Klaussen
Top achievements
Rank 1
 answered on 04 Feb 2010
1 answer
156 views

 

Hi
  I have a tree where I invoke LoadOnDemand event , My Requirement is to change the Node text to "Loading..." when ajax call is made and then back to orignal text when event completes.  Application works fine with Javascript on IE 8 however it does not work in IE7 where changing the text of node just make the node text blank and on completion set the old text back. This is the javascript

var
oldtext;

 

 

var expanding = false;

 

 

function OnClientNodePopulating(sender, args)

 

{

 

if (expanding == false)

 

{

expanding =

true;

 

oldtext = args.get_node().get_text();

// This line works in IE8 but in IE7 it does run smoothly wihtout any change of text in node
args.get_node().set_text(

"Loading...");

 

}

 

else

 

{

args.set_cancel(

true);

 

}

}

 

function OnClientNodePopulated(sender, args)

 

{

args.get_node().set_text(oldtext);

expanding =

false;

 

}

This is the tree definition

 

 

<telerik:RadTreeView runat="server" ID="tvBrowse" OnNodeExpand="tvBrowse_OnTreeNodePopulate" Height="100%" Width="100%" TriStateCheckBoxes="true" CheckChildNodes="true" CssClass="treeclass" CheckBoxes="true" onclientnodepopulated="OnClientNodePopulated"

 

 

onclientnodepopulating="OnClientNodePopulating">

 

 

 

 

 

 

</telerik:RadTreeView>

 

 

 


Waiting for your adivce.

Best Regards
Rizwan Bashir

Yana
Telerik team
 answered on 04 Feb 2010
1 answer
97 views

Is it possible to have a repeater inside a RadComboBox?


Like this:

<telerik:RadComboBox ID="AreaOfInterestComboBox" runat="server" CssClass="areaOfInterestComboBox" Skin="Bazaar" EnableEmbeddedSkins="false">

    <Items>

        <telerik:RadComboBoxItem Text="- Välj ett eller fler omrÃ¥den -" /> 

    </Items>

    <ItemTemplate>

        <asp:Repeater ID="rptCategories" runat="server">

           <ItemTemplate>

                <asp:CheckBox ID="CheckBox1" runat="server" />

            </ItemTemplate>

        </asp:Repeater>

    </ItemTemplate>

</telerik:RadComboBox>


Im not able to get this to work though

Simon
Telerik team
 answered on 04 Feb 2010
7 answers
172 views
Hello ,
    I used the "web blue" skin to grid. it looks fine on windows XP OS. but when i run my project on windows Vista OS,the grid skin changes to "default gray".please provide the solution for this.

    please reply soon..
   
Regards,
 Satish
Dimo
Telerik team
 answered on 04 Feb 2010
3 answers
199 views
Does the q3 2009 version of Rad Controls support RadControlsDir property of RadTabStrip? If not what is the alternative property or solution for implementing the same.

Yana
Telerik team
 answered on 04 Feb 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?