Questions on UI for ASP.NET AJAX Forum

5 answers

268 views

Problems with the use of Telerik controls in a user control (ascx)

I'm wondering if I'm missing something basic. I've just roughed out an ascx that contains RadTextBoxes, a RadDatePicker, a RadListBox, and an Asp.Net Repeater that contains RadButtons.

An instance of the control has been hard-coded into a page inside a RadPane. (Part of a page with multiple SplitterBar sections.)
As yet I've done no real coding with it, server or client side.

The reason I've posted is primarily because the RadDatePicker popup doesn't appear to be working, at least not consistently.

Also, while the textboxes appear to allow input, most of the controls on the page appear to have a pair of tiny parallel diagonal lines at the far right hand bottom corner.

Further information: After some trial and error it appears that the problem was that the ordinary HTML table the controls were in had a resize setting in it's Style attribute. ??????

General Discussions

answered on 22 Jan 2013

5 answers

85 views

Custom Rating flickers in IE9 on Mouse Over

Hi,
I have three rating controls on a page two standard and one using custom images. The standard controls work fine in IE9 but the custom controls flickers on mouse over and mouse move, it is not just the item under the cursor but all of the items that flicker randomly. Seems OK on other browsers (have checked IE8, Chrome and FF9 and there is no flickering).

The images are all png and are 22px x 22px and about 1k in size.

I am using the Q1 2012 .NET 4.0 controls, on IIS 7.5 on Windows Server 2008R2.

Do you have any ideas?

Thanks

Chris
Markup:

<div id="score_entry">

<div id="grade" style="float: left">

Predicted Grade:

<telerik:RadRating ID="Predication" runat="server" Orientation="Horizontal" ItemHeight="22px"

ItemWidth="22px" ItemCount="7" SelectionMode="Single">

<Items>

<telerik:RadRatingItem Value="0" HoveredImageUrl="/Images/grades/snograde.png" HoveredSelectedImageUrl="/Images/grades/snograde.png"

SelectedImageUrl="/Images/grades/snograde.png" ImageUrl="/Images/grades/unograde.png"

ToolTip="No Grade" />

<telerik:RadRatingItem Value="7" HoveredImageUrl="/Images/grades/sS.png" HoveredSelectedImageUrl="/Images/grades/sS.png"

SelectedImageUrl="/Images/grades/sS.png" ImageUrl="/Images/grades/uS.png"

ToolTip="A*" />

<telerik:RadRatingItem Value="6" HoveredImageUrl="/Images/grades/sA.png" HoveredSelectedImageUrl="/Images/grades/sA.png"

SelectedImageUrl="/Images/grades/sA.png" ImageUrl="/Images/grades/uA.png"

ToolTip="A" />

<telerik:RadRatingItem Value="5" HoveredImageUrl="/Images/grades/sB.png" HoveredSelectedImageUrl="/Images/grades/sB.png"

SelectedImageUrl="/Images/grades/sB.png" ImageUrl="/Images/grades/uB.png"

ToolTip="B" />

<telerik:RadRatingItem Value="4" HoveredImageUrl="/Images/grades/sC.png" HoveredSelectedImageUrl="/Images/grades/sC.png"

SelectedImageUrl="/Images/grades/sC.png" ImageUrl="/Images/grades/uC.png"

ToolTip="C" />

<telerik:RadRatingItem Value="3" HoveredImageUrl="/Images/grades/sD.png" HoveredSelectedImageUrl="/Images/grades/sD.png"

SelectedImageUrl="/Images/grades/sD.png" ImageUrl="/Images/grades/uD.png"

ToolTip="D" />

<telerik:RadRatingItem Value="2" HoveredImageUrl="/Images/grades/sE.png" HoveredSelectedImageUrl="/Images/grades/sE.png"

SelectedImageUrl="/Images/grades/sE.png" ImageUrl="/Images/grades/uE.png"

ToolTip="E"

/>

<telerik:RadRatingItem Value="1" HoveredImageUrl="/Images/grades/sU.png" HoveredSelectedImageUrl="/Images/grades/sU.png"

SelectedImageUrl="/Images/grades/sU.png" ImageUrl="/Images/grades/uU.png"

ToolTip="U" />

</Items>

</telerik:RadRating>

</div>

<div id="classeffort" style="float: left">

Class Effort:

<telerik:RadRating ID="rrClassEffort" runat="server">

</telerik:RadRating>

</div>

<div id="prerpeffort" style="float: left">

Prep Effort:

<telerik:RadRating ID="rrPrepEffort" runat="server">

</telerik:RadRating>

</div>

Rating

answered on 22 Jan 2013

1 answer

94 views

RadEditor converting font issue

Hello,

RadEditor is automatically converting <strong> section to font size 16, like <strong style="font-size:16px;"> , and because of this, the follow up content's font is also getting 16px. I am not using font-size tool in RadEditor, then why it is changing the font size automatically? Is there any way to completely discard font size from the content RadEditor, so that when I will get the content, there will not any font specified in the HTML part?

Editor

answered on 22 Jan 2013

6 answers

153 views

RadHtmlField default font in edit mode

Hello,

I'm using the RadHtmlField for a project with MOSS 2007, and the default selected font in edit mode is the default font of the web browser. I need to have this default font set to "verdana", regardless to the browser's default font.
I've searched for online help for hours without finding anything helpful. Does anyone knows how to do it or has any advice ?

Thanks for your help.
Matthieu.

Sharepoint Integration

answered on 22 Jan 2013

1 answer

155 views

RadTreeView obj is null in JavaScript

Hi,
I am getting obj for radtreeview in javascript by using document.getElementById(...) but same thing is not getting by using $find(..).
If i get obj form the documnet class i am not able to get nodes form the tree obj... My code is looks like

<telerik:RadScriptBlock ID="rcb" runat="server">

debugger;

Generate_WhereCondition1();

</script>

-- Generate_WhereCondition1() logic is follows;
var tree = $find("<%= tvfltview.ClientID %>"); // here i am getting null -- type 1

if(tree==null)

tree=document.getElementById("<%= tvfltview.ClientID %>"); // here i am getting obj -- type 2

</telerik:RadScriptBlock>

but i can getting error for tree.get_nodes(); from type 2

General Discussions

answered on 22 Jan 2013

1 answer

323 views

[Solved] How to count number of appointments in each cell of radscheduler

I need to count the number of appointments in a cell, is there any way to count.

For ex:
I have 8 appointments in a cell and I am displying only 2 by default and by clicking on more.. link I can see all the appointments.
But the thing is I want to show the remaing number of assignments in a cell.
I have counted all the appointments in a cell and appended to the Localization.ShowMore property but it is applying for total Schedular.
Please help me it is urgernt.

Scheduler

answered on 22 Jan 2013

2 answers

95 views

[Solved] Access client side event when inline edit is selected

How can we capture client side when the edit button is clicked? From there we want to set the row as the selected row and perform other actions such as populaulting a detail view.

Grid

answered on 22 Jan 2013

2 answers

147 views

Need to check checkbox item from outside the control

I have a Gridview that uses a RadComboBox with checkboxes enabled to choose an Approval code or multiple denial codes.

I have a asp:checkbox in the grid up in the header as well as next to each RadComboBox control as an 'Approve All' function. It should work similar to the checkboxes in Gmail.
You asp:checkbox in the header, which should check each asp:checkbox next to the RadComboBox controls in each row, will also set each RadComboBox to have the Approve item checked for selection.
When you uncheck a asp:checkbox next to the RadComboBox, you only uncheck that RadComboBox, not all controls in all rows.

I was wanting to do this all client side but can't see the get the checkboxes in the RadComboBox to check or uncheck. Also, I don't know if they are checked clientside if they will be picked up serverside when I'm ready to submit the approvals.

The code is something like what follows:
UPDATED THE CODE - When I had typed this out, I was writing it from memory. I have now posted the code as I am using it. The alerts do come up when I check or uncheck the checkbox next to the RadComboBox.

$(checkBoxSelector).live('click', function () {

var index = $(checkBoxSelector).index(this);

var gridRow = $('#MainContent_QueueGrid > tbody > tr:eq(' + index + ')');

if ($(this).is(":checked")) {

gridRow.find('.rcbCheckBox').each(function () {

if ($(this)[0].nextSibling.wholeText === 'Approve') {

$(this)[0].attr("checked", true);

alert("Checking the box");

}

});

}

else {

gridRow.find('.rcbCheckBox').each(function () {

if ($(this)[0].nextSibling.wholeText === 'Approve') {

$(this)[0].attr("checked", false);

alert("UNChecking the box");

}

});

}

});

I have tried every which way to check or uncheck the Approval code inside the RadComboBox and it is not working.
I can see the Approval checkbox element when I get to the if statement but am not able to set the attribute to checked.
I have tried attr('checked', true) along with every other way I can find.

I know that if the asp:checkboxes are selected I could evaluate the grid with those, but my issue is for user experience. If the Approve All is selected, all of the RadComboBoxes should show Approved as the selcted text as well as if they open the RadComboBox, they should we Approved checked and possibly all denial codes disabled.

Is this something that can be done?
With your help, if I am successful in setting it, will the checked status hold when evaluating the grid in code behind?

Any help is greatly appreciated.
Thanks in advance.

ComboBox

answered on 22 Jan 2013

9 answers

236 views

[Solved] Prevent ExpandMode=WebService nodes from being cached

Hello,

I've got a rad menu that has a subnode that is being populated from a webservice call. I need to have the node data be refreshed each time the menu is expanded, but it appears that the call is cached once the data is first loaded. I tried setting the persistloadondemanditems attribute to "false" but this doesn't seem to change the behavior. Is there any way to accomplish this?

Thanks,

Aaron

Menu

answered on 22 Jan 2013

4 answers

151 views

Display issue with rounded corners and clearing menu items

I also posted this question on this thread: http://www.telerik.com/community/forums/aspnet-ajax/menu/prevent-expandmode-webservice-nodes-from-being-cached.aspx

I have a menu that is loaded on demand but I don't want to have the client cache the values - I want a call made each time to load the values when the menu is expanded. I followed the example from the above thread and it works great when not using rounded corners. However, when I turn on rounded corners, the second time the menu expands, the corners/borders are missing.

It appears this happens any time I clear the collection of menu items. Here is my js:

    
            function mainMenuItemClosed(sender, eventArgs)   
        
                        {  
        
                            var item = eventArgs.get_item();  
        
                            if (item)  
        
                            {  
        
                                sender.trackChanges();  
        
                                item.get_items().clear();  
        
                                item.set_expandMode(Telerik.Web.UI.MenuItemExpandMode.WebService);  
        
                                item._itemsLoaded = false;  
        
                                sender.commitChanges();  
        
                            }  
        
                        }

Menu

answered on 22 Jan 2013