Questions on UI for ASP.NET AJAX Forum

1 answer

118 views

RadAjax through Citrix Access Gateway Web Proxy

Hi,
I was wondering if anyone has successfully managed to get RadAjax working through Citrix Access Gateway's Web Proxy. We are having problems because the Proxy does not handle the Ajax response correctly and treats it as a downloadable file.

Any help would be appreciated.
Thanks

Ajax

answered on 22 Oct 2009

1 answer

167 views

Programmatically create ItemTemplate using Reflection and POCO

Hi.

I have a large system we are developing constantly which displays around 100 lists throughout the system. We have set up a configuration system for the lists, and 1 user control to handle them all.

All our datasources are custom classes.

When I need to combine two different properties of the class into 1 column, things get a bit tricky.

Example of a custom class:

    
            public class Master { 
        
                public int ID { get; set; } 
        
                public string Name { get; set; } 
        
                public Child FirstChild { get; set; } 
        
            } 
        
            public class Child { 
        
                public int ID { get; set; } 
        
                public string Name { get; set; } 
        
            }

Using reflection I can access the values of the Master class easily. This is the databind event of the custom ItemTemplate class:

    
            void control_DataBinding(object sender, EventArgs e) { 
        
                LiteralControl control = (LiteralControl)sender; 
        
                GridDataItem container = (GridDataItem)control.NamingContainer; 
        
                control.Text = dataItem.GetType().GetProperty("Name").GetValue(dataItem, null).ToString(); 
        
            }

But when I need values from the Child class, things get tricky. I have tried all methods thinkable to me, and am stuck with this.

Can anyone show me how I can access the values from the Child class?

Grid

answered on 22 Oct 2009

2 answers

169 views

Deselect

What would be the easiest way client-side to have a panel bar item appear unselected after it is collapsed?

PanelBar

answered on 22 Oct 2009

1 answer

81 views

Related / Casacading Dropdownlists in a Grid

Does anyone know how to create related / casacading dropdownlists in a telerik grid? Can this be done?

Grid

answered on 22 Oct 2009

1 answer

144 views

[Solved] 4th level indent css issue

I have a rad panel organized in the following manner:

Region

--> State

----> Disaster

------> Area

--------> Team

The problem I am having is the the Team level is at the same indention as the Area level. I have determined the css code to fix this is the following:

.RadPanelBar .rpLevel4 .rpOut

{

padding-left: 45px;

}

But I do not know where to put this line. I have tried putting it in my local css file but it overwrites it and uses the level 3 padding which is 30px. And I cannot find where the css setting for level 2 and level 3 reside.

Any help with this is much appreciated,

Thanks

PanelBar

answered on 21 Oct 2009

1 answer

80 views

Putting logo in a rad chart

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

Chart (Obsolete)

answered on 21 Oct 2009

1 answer

190 views

Expand Arrow not showing up

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;
}

Menu

answered on 21 Oct 2009

5 answers

292 views

How do I know if compression is enabled?

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!

Compression

answered on 21 Oct 2009

1 answer

173 views

Client side Validation for Drag Drop in Radtreeview

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

TreeView

answered on 21 Oct 2009

2 answers

312 views

Need GridCheckBoxColumn to behave similar to GridClientSelectColumn

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

Grid

answered on 21 Oct 2009