Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
199 views
I would like to see some extra intelligence in the various Telerik drop-down controls, so that they avoid opening the drop-downs beyond the edges of the browser canvas.  Ideally, the behavior would be similar to the way drop-down boxes avoid crossing the edges of the screen in native windows applications.

In my case, I have RadToolBarSplitButton controls in multiple locations on the page, including close to the bottom of the page, and close to the right-hand edge of the page.  I am using the default ExpandDirection of Down.  This is a problem for the controls near the bottom of the page, because some of the drop-down items are rendered below the bottom edge of the browser window.  I am using EnableDefaultButton = false, and the text for some of the items is longer than the text on the RadToolBarSplitButton.  This is a problem for the controls near the right-hand edge of the page, because some of the drop-down is rendered beyond the right-hand edge of the browser window.  In both cases, the browser scroll bars extend to provide access to the rendered content beyond the previous edges of the canvas, but as soon as you click in the scroll bar to see the rest of the drop-down, the drop-down loses focus and collapses.

I am currently using the following javascript as a work-around, making use of the RadToolBar OnClientDropDownOpening and OnClientDropDownOpened events.
var canvasWidth, canvasHeight; 
       
function OnClientDropDownOpening(sender, args) { 
// We need to obtain the canvas width and height before the drop-down causes the canvas to expand. 
    canvasWidth = document.documentElement.scrollWidth; 
    canvasHeight = document.documentElement.scrollHeight; 
 
function OnClientDropDownOpened(sender, args) { 
    var button = args.get_item(); 
    var buttonElem = button.get_element(); 
    var dropDownContainer = button.get_dropDownElement().offsetParent; 
 
    var offsetRight = dropDownContainer.offsetLeft + dropDownContainer.offsetWidth; 
    if (canvasWidth < offsetRight) 
        dropDownContainer.style.left = (dropDownContainer.offsetLeft - offsetRight + canvasWidth) + "px"
 
    if (canvasHeight < dropDownContainer.offsetTop + dropDownContainer.offsetHeight) 
        dropDownContainer.style.top = (dropDownContainer.offsetTop - dropDownContainer.offsetHeight - buttonElem.offsetHeight) + "px"

The expand and collapse animations still think the drop-down is expanding down rather than up, so I have disabled the animations.  If you attempt to use the undocumented set_expandDirection client method to adjust the animation, you will notice that there is an infinite recursion bug in this method in RadToolBarScripts.js.
set_expandDirection:function(){if(this.set_expandDirection()==value){return
That's obviously meant to be get_expandDirection() in the if statement.

I am using RadControls for ASP.NET AJAX Q1 2010, with an assembly version of 2010.1.309.35.
Boyan Dimitrov
Telerik team
 answered on 15 Sep 2014
3 answers
140 views


IE 11 for windows was recently released for windows 7, while checking our site for problems we are seeing the same issues as this example. The vertical panel tabs have been shortened, chopping off text



http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_firstlook/defaultcs.aspx



Vessy
Telerik team
 answered on 15 Sep 2014
2 answers
110 views
Our pivot grid is using OLAP settings bound to a data-cube.  I need to grab a handle on the SelectedIndexChanged event in the filter window's SetOptions; "Includes/Excludes".

I have tried the traditional mechanisms to wire the event during the FilterBox's Pre_Render event:

filterWindow.SetOptions.SelectedIndexChanged += SetOptions_SelectedIndexChanged;  

However, I can not get the event to fire.  Could I get some help?
Angel Petrov
Telerik team
 answered on 15 Sep 2014
4 answers
185 views
I have a usercontrol, categoryTree, for which I want to save it's state (namely whether checkboxes in a RadTreeView are checked) across sessions. So I have added this to the main page:

<telerik:RadPersistenceManager ID="RadPersistenceManager1" runat="server">
    </telerik:RadPersistenceManager>

And this to categoryTree.aspx:

​<telerik:RadPersistenceManagerProxy ID="RadPersistenceManagerProxy1" runat="server">
    <PersistenceSettings>
        <telerik:PersistenceSetting ControlID="RadTreeView1" />
    </PersistenceSettings>
</telerik:RadPersistenceManagerProxy>

And this to the codebehind:

private RadPersistenceManager _persistenceManager;

protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);
            _persistenceManager = RadPersistenceManager.GetCurrent(Page);
            if (!IsPostBack)
                _persistenceManager.LoadState();
        }


(and in the event for checked nodes):

_persistenceManager.SaveState();

But after I restart the page, the previous state does not get loaded. What am I missing?
C
Top achievements
Rank 1
 answered on 15 Sep 2014
1 answer
655 views
I am working on OrgChart tool. I need to create an Org Chart Horizontally and Vertically.
 
Scenario:
 - One parent node (Parent)
 - 8 nodes under parent. These 8 nodes should be horizontal. (Child nodes)
 - Each of these nodes has 10 nodes. These nodes have to be vertical. This saves space. (Grand Child nodes)
 - Printing functionality or saving functionality.
 
Please see the screenshot image of my desired ouput.
 
Regards,
 Keshab
Boyan Dimitrov
Telerik team
 answered on 15 Sep 2014
1 answer
53 views
In the OnClientCommandExecuting function, I know I can select all text by doing:

editor.fire("SelectAll");

How can I cause no text to be selected?
Danail Vasilev
Telerik team
 answered on 15 Sep 2014
2 answers
85 views
Hello,

I'm having problem to change the Radeditor toolbar dynamically in the Client script after aspx page load. I would like to load the different toolbar for the Radeditor on the fly depending on different user context selection so that the toolbar would have different function buttons available. I execute the following JavaScript code but the toolbar buttons do not reflect what I defined in the toolsfile xml file.  Do I need to call other client api to force reload the toolbar file?

launchEditor: function (editor, title) {

  if (title = 'Dsplay Name') {
     editor.ToosFile = "~/Toolbar/DisplayNameToobar.xml";
  } else if (title = 'FootNote') {
     editor.ToosFile = "~/Toolbar/FootNoteToobar.xml";
  } else {
     editor.ToosFile = "~/Toolbar/MiscToobar.xml";
  } 

},

Thanks,
Chuck


 
Danail Vasilev
Telerik team
 answered on 15 Sep 2014
1 answer
164 views
Hi,

I know you probably won't have an answer or resolution for me, but perhaps you can give me some ideas...

We are using version 2014.2.724.40 of your AJAX controls for ASP.NET.

I am using the old RadUpload and the RadProgressArea and RadProgressManager.  This was all working fine (the progressarea displayed fine), until we added a web application firewall (FortiWeb) device in front of our web server.

The web application firewall allows us to do virus scanning on the uploaded files, before the file upload process even begins.

As soon as I turned that feature on in our web application firewall, the ProgressArea no longer is being displayed during an upload.  It appears that the web application firewall maybe "breaks something" in the communication between the server and the client, during the upload process.

I don't expect you to solve that, but could you:
1.  Give me some ideas to possible troubleshoot this, or
2.  Give me some ideas on how to create some type of custom solution to display something to the users when the file is uploading?

I see that there is a onclientprogressstarted client even on the progressmanager, but I don't see a "onclientprogressended" event.  Without and "end" event, how would I know the file upload process is complete?  In other words, I know I could use the progressstarted client side event to display an animated icon or a modal div or something to the user when the upload has started.  But how would I know when the upload has ended so that I can hide whatever it is that I display?

Thanks,
Michael

Peter Filipov
Telerik team
 answered on 15 Sep 2014
4 answers
124 views
Hi All,

In order to provide consistent skinning I'd like to add a second commanditemtemplate to the bottom of my grid.  I use one at the top to provide the grid with a title and some attractive (ish) buttons for adding new records, refreshing etc.  I'd now like a second bar along the bottom to place any extra information in such as icons descriptions etc...

Is there a way to do a built in second commanditemtemplate or do I need to make a fake one?  

Worst case I suppose that one way to do it might be to do a custom pager and then simply give that a second row, this appearing like an extra bar...

Regards

Jon
Jon
Top achievements
Rank 1
 answered on 15 Sep 2014
1 answer
64 views
Hi,

Is there any example where I can learn how to bind one resource style in my scheduler with web service binding without performance issue in there ?
thank you
Plamen
Telerik team
 answered on 15 Sep 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?