


Hi Telerik team,
Our development team is interested on using RadOrgChart. We are trying to test on features that your OrgChart offer.
There are some questions/concerns on it before we are going to development based on this element.
When the node in each level is very long, it will expand the screen instead of creating new node line.
This problem is the same as this image in this post. The Column Count is not helping in this case as there is no grouping defined on our chart.
Questions:
1. In the current version, are there any configurations that can set maximum width of the chart to force it to create a new line?
2. If there aren’t, are there any workaround? We can only thinking of modifying CSS of the OrgChart by customized Javascript to regenerate the chart after it finish rendering, which might be a bit complicated.
Another topic is on search feature with the OrgChart. We found that we can use drillDownOnNode like the exampled in the Breadcrumb example.
Questions:
1. Is there the similar method for the server side (C#) to navigate to specified node? It’d be great if we can use command like this: orgChart.drillDownOnNode(ServerFoundNode).
2. Is it possible to retrieve hierarchical string (e.g.”0:0:1”) of the node from server-side without have to trace back Nodes object? We may need to use MaxDataBindDepth=2 so we might not able to retrieve all hierarchy string from client side.
Thank you and regards,


We're currently experiencing an issue with the RadImageGallery, where the images are offset to the right half of the image area (please see attached screenshot)
This behaviour only occurs when a transition is in progress- after the transition is complete, the image displays correctly.
It's a freshly created asp.net project, no other CSS sources.
Oddly enough it displays correctly in IE9 (out of compatibility view), but the problem is apparent on IE9 (in compatibility view), Chrome (35.0.1916.153m), Firefox (27.0.1), and in the browser on my android handset.
Here is the captured CSS when the transition is in progress:
<div id="ctl00_MainContent_RadImageGallery1_ImageWrapper" class="rigActiveImage" style="width: 100%; height: 100%; visibility: visible;"><img style="width: 873px; padding-left: 0px; padding-top: 0px; opacity: 0.07022499999999987; position: absolute;" src="images/food/image027.jpg"><img style="width: 873px; padding-left: 0px; padding-top: 0px; position: absolute; opacity: 0.9304772499843036;" src="images/food/image042.jpg"><div class="rigToolsWrapper"><div class="rigDescriptionBox" style="display: none;"><h4 class="rigTitle">Mmmm... Food</h4><p class="rigDescription">Description text will go here</p></div><div class="rigDotList"><a href="#" class="rigCurrentItem"><span></span></a><a href="#" class=""><span></span></a><a href="#" class=""><span></span></a></div></div></div>The telerik control code:
<telerik:RadImageGallery ID="RadImageGallery1" runat="server" DisplayAreaMode="Image" LoopItems="true" Width="873" Height="582" > <ThumbnailsAreaSettings Mode="ImageSlider" /> <ClientSettings> <AnimationSettings SlideshowSlideDuration="5000"> <NextImagesAnimation Speed="1000" Type="Fade" /> <PrevImagesAnimation Speed="1000" Type="Fade" /> </AnimationSettings> </ClientSettings> <ToolbarSettings ShowSlideshowButton="false" Position="Bottom" ShowItemsCounter="false" ShowFullScreenButton="false" ShowThumbnailsToggleButton="false" /> <Items> <telerik:ImageGalleryItem Title="TestImage1" ImageUrl="images/food/image042.jpg" description="Description text will go here"/> <telerik:ImageGalleryItem Title="TestImage2" ImageUrl="images/food/image055.jpg" description="Description text will go here"/> <telerik:ImageGalleryItem Title="TestImage3" ImageUrl="images/food/image027.jpg" description="Description text will go here"/> </Items> </telerik:RadImageGallery>
<telerik:RadPane ID="LeftPane" runat="server" Width="22px" > <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Scrolling="None"> <!-- Search Pane --> <telerik:RadSlidingPane ID="LeadSearchSlidePane" Title="Search Criteria" runat="server"> <uc1:LeadSearchCriteria runat="server" ID="LeadSearchCriteria" /> </telerik:RadSlidingPane> <!-- Grid Pane --> <telerik:RadSlidingPane ID="GridListSlidePane" Title="Grid View" runat="server" Scrolling="None" OnClientExpanding="ExpandGridPane" OnClientDocked="ExpandGridPane" > <uc2:LeadSearchGridView runat="server" ID="LeadSearchGridView" /> </telerik:RadSlidingPane> </telerik:RadSlidingZone></telerik:RadPane><style type="text/css"> .searchpane { width:inherit; height:inherit; overflow:auto !important; /* with this line, the control will not adjust in the RadPane correctly */ }</style><div class="searchpane"> <div> <telerik:RadButton ID="RadSearchButton" runat="server" Text="Search" OnClick="RadSearchButton_Click" /> <telerik:RadButton ID="RadSaveSearchButton" runat="server" Text="Save" /> </div> <telerik:RadPanelBar ID="RadSearchPanelBar" runat="server" Width="100%" Height="90%" ExpandMode="MultipleExpandedItems" > <Items> <telerik:RadPanelItem runat="server" Text="Date" Expanded="true" > <ContentTemplate> <div style="position:inherit"> <uc1:CriteriaDate runat="server" ID="CriteriaDate" /> </div> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Text="Company" Expanded="true" > <ContentTemplate> <uc2:CriteriaCompany runat="server" ID="CriteriaCompany" /> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Text="Status" Expanded="true" > <ContentTemplate> <uc3:CriteriaStatus runat="server" ID="CriteriaStatus" /> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Text="Activity Status" Expanded="true" > <ContentTemplate> <uc4:CriteriaActivityStatus runat="server" ID="CriteriaActivityStatus" /> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Text="Saved Search" Expanded="true" > <ContentTemplate> <uc5:CriteriaSavedSearch runat="server" ID="CriteriaSavedSearch" /> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Text="Dummy test panel" Expanded="true" > <ContentTemplate> <uc2:CriteriaCompany runat="server" ID="CriteriaCompany1" /> </ContentTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> </div><style type="text/css"> .companycriteria { width:inherit; height:inherit; }</style><div class="companycriteria"> <div style="float:right"> <asp:CheckBox ID="IncludeDateInCriteriaCheckBox" Text="Include in search" runat="server" /> </div> <div> <div><asp:Label ID="Label2" runat="server" Text="Company: " /><telerik:RadTextBox ID="RadCompanyTextBox" runat="server" /></div> <div><asp:Label ID="Label3" runat="server" Text="Provider: " /><asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList></div> <div><asp:Label ID="Label4" runat="server" Text="Contact: " /><telerik:RadTextBox ID="RadContactTextBox" runat="server" /></div> <div><asp:Label ID="Label5" runat="server" Text="Street: " /><telerik:RadTextBox ID="RadStreetTextBox" runat="server" /></div> <div><asp:Label ID="Label6" runat="server" Text="Zip: " /><telerik:RadTextBox ID="RadZipTextBox" runat="server" /></div> <div><asp:Label ID="Label7" runat="server" Text="Phone: " /><telerik:RadTextBox ID="RadPhoneTextBox" runat="server" /></div> <div><asp:Label ID="Label8" runat="server" Text="Agent: " /><telerik:RadTextBox ID="RadAgentTextBox" runat="server" /></div> </div></div>