Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
76 views
Hi,

Is there a way to put a logo image on a chart without replacing whole chart's background?
I need to put the logo on the top-right corner of the chart's area.

So far I tried to utilize somehow the chart's http handler, get it's output and add a logo to it.
It returns empty when I try to intercept result ChartImage.axd it in my custom handler (despite giving the same query the radchart does).

Best regards,
AD
Schlurk
Top achievements
Rank 2
 answered on 21 Oct 2009
1 answer
171 views
I have a horizontal menu and I am not able to display the "down arrow gif" on a root menu item which has child items. How would a user know if one of the root menu item has child items if the down arrow is not showing up? I need to display down arrow on a root menu items that has child items. Any help would be great, because I am stuck for 8 hours in it.

Here is my css:-----------------------------------------------------------------------------------------
/* r.a.d.menu Web 2.0 skin */

.RadMenu_Blue
{
    background: url(Menu/MenuItemBackground.gif);
    border-left: solid 1px #617fb5;
}

.RadMenu_Blue_Context
{
    background: none;
    border:0;
}

.RadMenu_Blue .rmLink
{
    text-decoration: none;
    color: #fff;
    border-left: solid 1px #c1d3ea;
    border-right: solid 1px #1d4375;
    background: transparent;
}

.RadMenu_Blue .rmLink:hover,
.RadMenu_Blue .rmFocused,
.RadMenu_Blue .rmExpanded
{
    color: #FFFFFF;
    background: transparent url(Menu/MainItemBackgroundHover.gif) no-repeat center;
    height:28px;
}

.RadMenu_Blue .rmText
{
    /*background: transparent url(Menu/RootGroupArrowDown.gif) no-repeat right center;*/
    padding-left: 22px; /* should be adjusted to the size of the images, if they are larger than 16x16px */
    margin-right: 4px;
    font: bold 12px Arial, Verdana, Sans-serif;
    line-height: 26px;
    padding-right: 24px;
}


.RadMenu_Blue .rmRootGroup .rmText .rmLeftImage
{
    margin: 3px 1px 0; /* should be adjusted to the size of the images, if they are larger than 16x16px */
}

.RadMenu_Blue .rmHorizontal .rmExpandBottom
{
  background: transparent url(Menu/RootGroupArrowDown.gif) no-repeat right center;
}  
.RadMenu_Blue .rmHorizontal .rmExpandTop  
{  
  background: transparent url(Menu/RootGroupArrowDown.gif) no-repeat right center;  
}

.RadMenu_Blue .rmVertical .rmExpandLeft,
.RadMenu_Blue .rmVertical .rmExpandRight  
{  
  background: transparent url(Menu/invertedGroupImage.gif) no-repeat right center;  
}


.RadMenu_Blue .rmSlide
{
    margin-top:-1px;
}

.RadMenu_Blue .rmGroup
{
    border: solid 1px #6788be;
    background: white;
}

.RadMenu_Blue .rmGroup .rmLink
{
    background: white;
    border: 0px;
    border-bottom: solid 1px #f0f2f3;
    color: #333;
}

.RadMenu_Blue .rmGroup .rmText
{
    font-weight: normal !important;
    background: none;
    margin-right: 0 !important;
    padding-left: 30px;
    padding-right: 40px;
    font-size: 11px;
}

.RadMenu_Blue .rmGroup .rmLink:hover,
.RadMenu_Blue .rmGroup .rmFocused,
.RadMenu_Blue .rmGroup .rmExpanded
{
    background: #e7f1ff;
    border: 0;
    border-bottom: solid 1px #d8dde0;
}

.RadMenu_Blue .rmLeftArrow,
.RadMenu_Blue .rmRightArrow,
.RadMenu_Blue .rmTopArrow,
.RadMenu_Blue .rmBottomArrow,
.RadMenu_Blue .rmLeftArrowDisabled,
.RadMenu_Blue .rmRightArrowDisabled,
.RadMenu_Blue .rmTopArrowDisabled,
.RadMenu_Blue .rmBottomArrowDisabled
{
    background: #e7f1ff url(Menu/left.gif) center center no-repeat;
    width: 15px;
    text-decoration:none;
    color:#e7f1ff;
}

.RadMenu_Blue .rmTopArrow,
.RadMenu_Blue .rmTopArrowDisabled
{
    background-image: url(Menu/top.gif);
    width: 100%;
    height: 15px;
}

.RadMenu_Blue .rmBottomArrow,
.RadMenu_Blue .rmBottomArrowDisabled
{
    background-image:url(Menu/bottom.gif);
    width: 100%;
    height: 15px;
}

.RadMenu_Blue .rmRightArrow,
.RadMenu_Blue .rmLeftArrow
{
    height: 100%;
}

.RadMenu_Blue .rmRightArrow,
.RadMenu_Blue .rmRightArrowDisabled
{
    background-image: url(Menu/right.gif);
}

.RadMenu_Blue .rmVertical .rmSeparator
{
    padding-top: 2px;
    background: #6788be;
    font-size: 1px;
    line-height: 1px;
}

.RadMenu_Blue .rmSeparator .rmText
{
    display: none;
}

.RadMenu_Blue .rmExpandLeft,
.RadMenu_Blue .rmExpandRight,
.RadMenu_Blue .rmFocused .rmExpandLeft,
.RadMenu_Blue .rmFocused .rmExpandRight,
.RadMenu_Blue .rmExpanded .rmExpandLeft,
.RadMenu_Blue .rmExpanded .rmExpandRight
{
    background: transparent url(Menu/invertedGroupImage.gif) right center no-repeat;
}

.RadMenu_Blue .rmGroup .rmExpandLeft,
.RadMenu_Blue .rmGroup .rmExpandRight,
.RadMenu_Blue .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Blue .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Blue .rmGroup .rmExpanded .rmExpandLeft,
.RadMenu_Blue .rmGroup .rmExpanded .rmExpandRight
{
    background: transparent url(Menu/groupImage.gif) right center no-repeat;
}

/*right-to-left support*/

.RadMenu_Blue_rtl,
.RadMenu_Blue_rtl *
{
    text-align:right;
}

.RadMenu_Blue_rtl .rmRootGroup .rmText
{
    padding-left: 24px;
    padding-right: 8px;
    margin-right: 0;
    margin-left: 4px;
}

.RadMenu_Blue_rtl .rmGroup .rmText
{
    margin-left: 0 !important;
    padding-left: 40px;
    padding-right: 30px;
}

.RadMenu_Blue .rmLeftImage
{
    margin: 5px 2px 0;
}

.RadMenu_Blue_rtl .rmHorizontal .rmExpandBottom,  
.RadMenu_Blue_rtl .rmHorizontal .rmExpandTop  
{  
  background-position:left center;  
}

.RadMenu_Blue_rtl .rmVertical .rmExpandLeft,
.RadMenu_Blue_rtl .rmVertical .rmExpandRight  
{  
  background: transparent url(Menu/invertedGroupImageRTL.gif) no-repeat left center;
}

.RadMenu_Blue_rtl .rmGroup .rmExpandLeft,
.RadMenu_Blue_rtl .rmGroup .rmExpandRight  
{  
  background: transparent url(Menu/groupImageRTL.gif) no-repeat 5px center;  
}

.RadMenu_Blue_rtl .rmVertical .rmLink:hover .rmExpandLeft,
.RadMenu_Blue_rtl .rmVertical .rmLink:hover .rmExpandRight,
.RadMenu_Blue_rtl .rmVertical .rmFocused .rmExpandLeft,
.RadMenu_Blue_rtl .rmVertical .rmFocused .rmExpandRight,
.RadMenu_Blue_rtl .rmVertical .rmExpanded .rmExpandLeft,
.RadMenu_Blue_rtl .rmVertical .rmExpanded .rmExpandRight
{
    background: transparent url(Menu/invertedGroupImageRTL.gif) left center no-repeat;
}

.RadMenu_Blue_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_Blue_rtl .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_Blue_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Blue_rtl .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Blue_rtl .rmGroup .rmExpanded .rmExpandLeft,
.RadMenu_Blue_rtl .rmGroup .rmExpanded .rmExpandRight
{
    background: transparent url(Menu/groupImageRTL.gif) 5px center no-repeat;
}

.RadMenu_Blue .rmRootGroup .rmItem .rmDisabled,
.RadMenu_Blue .rmRootGroup .rmItem .rmDisabled:hover
{
    -moz-opacity: 0.8;
    opacity: 0.8;
    color: #ccc;
    background: none;
    border-bottom-color: #f3f5f5;
}
AL
Top achievements
Rank 1
 answered on 21 Oct 2009
5 answers
282 views
I made the changes to web.config and BrowserFile.browser to enable comression and ViewState compression.

How do I know that the changes actually "worked". Can I do a View->Source and see any changes? How do I know if it is compressing the ViewState (pretty large on some of my pages) and the AJAX calls?

Thanks!
Jay O'Brien
Top achievements
Rank 1
 answered on 21 Oct 2009
1 answer
163 views

Hi,
I have a radtreeview which is having 3 nodes say for example,

There are 3 parent nodes namely A,B,C each having 4 child nodes, I am doing client site drag and drop what ever mentioned in telerik demo.
My problem is the child nodes in parent node A should not be drag and drop to Parent node B.
Again parent node A should not be drag and drop to any other child nodes of B or C.

Here is my code what i am doing for drag and drop on client side:

function onNodeDragging(sender, args)  
            {  
                var target = args.get_htmlElement();      
                  
                if(!target) return;  
                  
                if (target.tagName == "INPUT")  
                {          
                    target.style.cursor = "hand";  
                }  
            }  
              
            function onNodeDropping(sender, args)  
            {              
                var dest = args.get_destNode();  
                if (dest)  
                {  
                    clientSideEdit(sender, args);                  
                    args.set_cancel(true);  
                    return;  
                    dropOnTree(args);  
                }  
            }  
              
            function dropOnTree(args)  
            {  
                var text = "";  
 
                if(args.get_sourceNodes().length)  
                {      
                    var i;  
                    for(i=0; i < args.get_sourceNodes().length; i++)  
                    {  
                        var node = args.get_sourceNodes()[i];  
                        texttext = text + ', ' +node.get_text();  
                    }  
                }  
            }  
              
            function clientSideEdit(sender, args)  
            {  
             var destinationNode = args.get_destNode();                                   
             if(destinationNode)  
             {              
                    var firstTreeView = $find("<%=RadTreeView1.ClientID %>");  
                    firstTreeView.trackChanges();  
                    var sourceNodes = args.get_sourceNodes();  
                    for (var i = 0; i < sourceNodes.length; i++)  
                    {  
                       var sourceNode = sourceNodes[i];  
                       sourceNode.get_parent().get_nodes().remove(sourceNode);                  
                        if(args.get_dropPosition() == "over")  
                        { destinationNode.get_nodes().add(sourceNode);}   return GenerateNodesAsXML();  
                          if(args.get_dropPosition() == "above")     insertBefore(destinationNode, sourceNode);  
                            if(args.get_dropPosition() == "below")     insertAfter(destinationNode, sourceNode);  
                    }  
                   destinationNode.set_expanded(true);  
                   firstTreeView.commitChanges();  
             }  
            }  
              
            function insertBefore(destinationNode, sourceNode)  
            {  
             var destinationParent = destinationNode.get_parent();  
             var index = destinationParent.get_nodes().indexOf(destinationNode);  
             destinationParent.get_nodes().insert(index, sourceNode);  
               
             return GenerateNodesAsXML();  
            }  
 
            function insertAfter(destinationNode, sourceNode)  
            {  
             var destinationParent = destinationNode.get_parent();  
             var index = destinationParent.get_nodes().indexOf(destinationNode);  
             destinationParent.get_nodes().insert(index+1, sourceNode);  
               
             return GenerateNodesAsXML();  
            } 

Please help me on this

Any help will be appreciated.

Thanks in advance.
Vinod

Robert
Top achievements
Rank 1
 answered on 21 Oct 2009
2 answers
302 views
Hello,

I have a programatically created grid in which one of the columns is a GridCheckBoxColumn that is bound to a boolean column from my dataset (named "IsExcluded").  I would like to be able to select or deselect the row's checkbox belonging to said column without going into edit mode for the selected row.  Also whenever a checkbox is pressed, I would like to postback and write the changes to my database, so I should be able to catch such event on server side.  In other words, I cannot use the GridClientSelectColumn since it does not show if a checkbox is already checked (boolean = 1) on my database since it does not bind to its datafield.  Neither can I use the idea shown in this demo (http://demos.telerik.com/aspnet-ajax/grid/examples/programming/selectrowwithcheckbox/defaultcs.aspx) due to limitations in our design and the way the grid and its items are generated. 

Therefore, what I need (sort of) is for the row to go into inline edit mode without having to press the edit button and executing the edit whenever the user changes the checked value in the checkbox.

Is that possible? Do you have any ideas?? I have spent more than 15 hours trying to solve this with no avail :( :( :(

Thanks in advance,
Manuel
Parth
Top achievements
Rank 1
 answered on 21 Oct 2009
2 answers
140 views
I have a grid setup to page, but sometimes when I click Next or Prev or even select a page by number I will get the following error:

Invalid postback or callback argument.  Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page.  For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them.  If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

Now I know this error is typically associated with trying to pass values from client to server that were not registered as acceptable input values, but I am not using any other controls on my page; the grid is the only control.

Any suggestions or solutions to my problem?





Chris Berry
Top achievements
Rank 1
 answered on 21 Oct 2009
1 answer
131 views
Is it possible to not set the window behaviors all in one statement? I have a series of hidden form values that dictate whether the window should have reload or close or move options, but it's creating a nested if() nightmare. Can I somehow do radWnd.set_behaviors = radWnd.set_behaviors + radWnd.set_behaviors(x)?

I've also tried creating a string and setting it that way, which resulted in the window having no behaviors at all.
var hidShowCloseButton = getElementId(_strCPId + 'hidShowCloseButton'); 
        var hidHideReloadBtn = getElementId(_strCPId + 'hidHideReloadBtn'); 
        var hidWindowBehaviorMove = getElementId(_strCPId + 'hidWindowBehaviorMove'); 
        var strBehaviors = ""
        var strTelerik = "Telerik.Web.UI.WindowBehaviors."
         
        strBehaviors = strTelerik + "None"
        if (hidShowCloseButton != null) { 
                strBehaviors += " + " + strTelerik + "Close"
        } 
        if (hidWindowBehaviorMove != null) { 
                if (hidWindowBehaviorMove.value == "true") { 
                    strBehaviors += " + " + strTelerik + "Move"
                } 
          } 
        if (hidHideReloadBtn != null) { 
              if (hidHideReloadBtn.value == "true") { 
                    strBehaviors += " + " + strTelerik + "Reload"
              } 
          } 
          radWnd.set_behaviors(strBehaviors); 

Nik
Top achievements
Rank 1
 answered on 21 Oct 2009
2 answers
171 views
Hi,
I am using rad editor to manipulate some content. The content is like that..
This is& some sample$ content This is some£ sample content
Notice these &,$ symbols here...when user selects any of these symbols and press right click I need to show a 
context menu saying REMOVE SYMBOL.... right now according to my understandings you have to relate context menus with a tag....which I don't have here....in fact I want to show the context menu on the basis of some condition.

Any help????

Thanks




Rumen
Telerik team
 answered on 21 Oct 2009
1 answer
68 views

I am attempting to disable embedded scripts for the radEditor on a project that uses radEditor with RadSpell, Dialogs and a couple Tooltips. I am disabling all EmbeddedScripts in the web.config with:
    <add key="Telerik.EnableEmbeddedScripts" value="false"/>
From my research on your forums I found I also need to use the source version of the EditorDialogs and configure them to load their scripts from source as well. Unfortunately my version does not include the source for the EditorDialogs.

The reason I would like to disable embedded scripts is because I am running into an error with the xhtml filter and I cannot find a way to permanently disable it across the entire page lifecycle. I can disable it using the OnClientLoad event of the editor like so: 

 

    editor.get_filtersManager().set_enableXhtmlFilter(

false);
This works fine when the control is initially loaded, however it does not persist on an AJAX postback.

 

Rumen
Telerik team
 answered on 21 Oct 2009
2 answers
138 views
Hello
I've been searching for a strange bug, when using a column template, without defining the itemtemplate (i.e. defining only edititemtemplate), Grid Delete command doesn't work any more, it throws an exception like this:

Sys.WebForms.PageRequestManagerServerErrorException: Object reference not set to an instance of an object.

took me 4 hours to solve it, hope it helps somebody else.
always define <itemtemplate /> even if it's empty .

Randy
Top achievements
Rank 1
 answered on 21 Oct 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?