Telerik Forums
UI for ASP.NET AJAX Forum
6 answers
225 views
Hi, I have two related issues when using RadSplitters, using Q2 2012. I have nested splitters similar to the last example here: Nested Splitters. In one of the panes (leftmost, which is initially Collapsed="true"), I have two RadMenus and in one other (rightmost), the content of the site. The menus are loaded dynamically after some user input interactions and also the containing pane (leftmost) is dynamically expanded (Collapsed = false) when the menu loading occurs.

1-The hovering color effect of the menus is not the same width than the menu items (as illustrated in attachment). Depending on actions, the effect may be larger and thinner than the menu. This occurs if using a skin or not or if using a custom background color/sprite image in CSS. That issue is not occuring if pane is initially declared a Collapsed="false" in markup. It also occurs when using the RadSPlitBar button to collapse or expand the pane. Looks like the hovering width is calculated too soon.

2-I want one of my RadSplitBar to be not visible (Visible="false") at page initial loading and make it visible when pane is dynamically expanded (as mentioned earlier). When the bar become visible, the Splitter control gets extra and unwanted margin which cause the control to have extra horizontal and vertical scrollers. This issue is occuring in FF and Chrome and is NOT occuring if RadSplitBar is initially declared a visible (Visible="true"). Also, the problem seems to only happen on first load (first load after bar is once visible) since refreshing the content pane after that make the scrollers disapear and clear the issue.

Here is the code in question:
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%">
         
            <telerik:RadSplitter ID="Radsplitter5" runat="server" Skin="WebBlue" Width="100.5%" Height="110%" Orientation="Horizontal" PanesBorderSize="0" BorderSize="0" >
 
                <%-- this is the pane i want collapsed at startup--%>
                <telerik:RadPane ID="RadPane5" runat="server" Height="150px" Collapsed="true">
                </telerik:RadPane>
 
                <telerik:RadPane ID="RadPane6" runat="server" >
 
                    <telerik:RadSplitter ID="Radsplitter6" runat="server" Skin="WebBlue" PanesBorderSize="0" BorderSize="0" >
 
                        <telerik:RadPane ID="RadPane1" runat="server" CssClass="MenuPane" MinWidth="220" Width="220px" Height="100%" Collapsed="false">
 
                            <telerik:RadSplitter ID="Radsplitter2" runat="server" Skin="WebBlue" ResizeWithParentPane="false" Orientation="Horizontal" Width="100%" Height="100%" PanesBorderSize="0" BorderSize="0">
 
                                <telerik:RadPane ID="RadPane3" runat="server" CssClass="MenuPane2" Width="100%" Height="50%">
 
                                    <telerik:RadMenu ID="RadMenu2"  runat="server" Visible="false" Width="84.7%" CssClass="menu3" OnItemClick="RadMenu_ItemClick" EnableImageSprites="true" BorderStyle="None" Flow="Vertical">
                                     </telerik:RadMenu>
 
                                </telerik:RadPane>
 
                                <telerik:RadPane ID="RadPane4" runat="server" CssClass="MenuPane3" Width="100%" Height="50%">
                         
 
                                        <telerik:RadMenu ID="RadMenu3" runat="server" Visible="false" Width="84.7%" CssClass="menu5" OnItemClick="RadMenu_ItemClick" EnableImageSprites="true" BorderStyle="None" Flow="Vertical">
                                        </telerik:RadMenu>
 
                                  </telerik:RadPane>
 
 
                            </telerik:RadSplitter>
 
                            </telerik:RadPane>
 
                             <%-- this is the bar i want not visible at startup--%>
                            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Visible="false" meta:resourcekey="labCollapseExpand"></telerik:RadSplitBar>
 
                            <telerik:RadPane ID="RadPane2" runat="server" CssClass="ContentPane" ContentUrl="Welcome.aspx">
                            </telerik:RadPane>
 
                    </telerik:RadSplitter>
 
                </telerik:RadPane>
 
            </telerik:RadSplitter>
 
        </telerik:RadAjaxPanel>

UPDATE: Ive found a partial workaround that seem to fix issue #1 for first page load only (and issue #2 but in FF only). Ive put RadSplitBar1 visible=true and added the following client-side code to collapse the pane and hide the bar at control load. Note that i had to put a timeout delay to make it work. However, issue #1 is still occurring on additional pane collapsing/expanding:

function Radsplitter6_OnClientLoaded(splitter, args) {
 
            if (gblCollapsed == 0) {
 
                setTimeout(function () {
 
                    var pane = splitter.getPaneById('<%= RadPane1.ClientID %>');
 
                    pane.collapse(1);
 
                    gblCollapsed = 1;
 
                    var splitbar = $get("<%=RadSplitBar1.ClientID %>");
 
                    splitbar.style.display = "none";
 
                }, 100);
            }
 
 
        }

Also, I made more tests with other browsers and Issue #2 also occurs on Opera, Safari for Windows.

UPDATE 2: Regarding issue #1, ive found a simpler replicating scenario, in Opera or Firefox, I just have to pop-up my browser search bar (CTRL+F) which resizes my menu pane (vertical scroller appears which reduces menu width), then the hover effect is larger than menu items. Weird thing, believe it or not, I cant reproduce at all this issue in IE8. Also, when issue occurs, clicking on menu items once will make the hover effect thinner then second time will make it the right width.

TIA
Martin Roussel
Top achievements
Rank 1
 answered on 13 Nov 2012
2 answers
137 views
I am currently displaying Start, End and Subject in a javascript tooltip but I would like to also display an additional field(PhoneNumber) that is setup as an attribute of the scheduler.  According to the demo at http://demos.telerik.com/aspnet-ajax/scheduler/examples/radtooltip/defaultcs.aspx this should be possible via javascript but I am not sure how to get the attribute so it can be displayed.
Thanks in advance for any help with this. 
function OnClientRequestStart(sender, args) {
    args.set_cancel(true);
    var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();
    if (tooltip) {
        var element = tooltip.get_targetControl();
        var apt = $find("<%=RadScheduler1.ClientID %>").getAppointmentFromDomElement(element);
        $get("startTime").innerHTML = apt.get_start().format("MM/dd/yyyy HH:mm");
        $get("endTime").innerHTML = apt.get_end().format("MM/dd/yyyy HH:mm");
        $get("descriptionDiv").innerHTML = apt.get_subject();
        tooltip.set_text($get("contentContainer").innerHTML);
    }
}
<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="320" Height="170"
    Animation="None" HideEvent="Default" Text="Loading..." OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" />
     <div style="display: none;">
    <div id="contentContainer">
        Starts on: <span id="startTime"></span>
        <br />
        Ends on: <span id="endTime"></span>
        <hr />
        Description:
        <div id="descriptionDiv">
        </div>                       
    </div>
</div>
Plamen
Telerik team
 answered on 13 Nov 2012
7 answers
202 views
Runtime Version: 4.0.30319
Web UI Version: 2012.3.1016.40

Hi,

I have a problem in production where only the OnClientItemsRequesting event is fired. The server-side OnItemsRequested is not firing, and as a result (I'm guessing) OnClientItemsRequested does not fire.

This problem only occurs in production, and only on the start page (I will describe the whole scenario below). On my development machine everything works like a charm all the time, but on the production server, not so much.

So what happens, really? Well, a user signs in via the login page and arrives at a start page. This start page has a combo box on it so that she can quickly find items in the database. This combo box is wrapped in a user control (a widget if you will) which is also used on other pages (no special attributes/settings used - same on all pages).

The home page (or start page) is wrapped in a master page, so the tree looks like this:
Master Page > Page > User Control > RadComboBox

There is some Cufón action going on on the page, but I have disabled it to make sure it is not interfering. The site itself is browsed over SSL, but the staging application which runs on the same server is not using SSL, same problem there.

Now here's the kicker; if you browse another page with the exact same user control/widget all methods (client and server) are fired and the result pops up. Now you can go back to the start page and it works there as well.

I've finally been able to see consitency in the behavior, and it also appears to be consistent over all browsers and on both Windows and MacOS X. I can exit the browser and then start it up and sign in and the problem is there. After this I browse and search on another page, and then go back to start as described above and the problem is gone.

I use the combo box for multiple search scenarios, and the only place it doesn't work as expected is right after signing in to the start page.

I have debuged the page over and over, but nothing shows up in either browser. It just doesn't appear to be any javascript errors on the page. The fact that it works in my development environment and on other pages using the same master page just make things that much weirder. The page itself is very simple, most of the content comes from the master page. The start page consists of (besides the master page content) an image and four custom user controls - one being the one with the combo box. I have removed everything except for the combo box to make sure neither of them interfere in some way.

Any ideas of what might cause this odd behavior?

Here's the code I am using for the combo box in the user control (I am capturing the client side events to see which fire):

<telerik:RadComboBox ID="SearchComboBox" Runat="server" AllowCustomText="True"
    EnableLoadOnDemand="True" DataTextField="Text" DataValueField="Id"
    Width="100%" onitemsrequested="SearchComboBox_ItemsRequested"
    OnClientItemsRequesting="ItemsRequesting" OnClientItemsRequested="ItemsRequested"
     OnClientItemsRequestFailed="ItemRequestFailure">
</telerik:RadComboBox>

There are also two ImageButtons in the same user control. The rest is just HTML.

Kind regards,
Tobias
Nencho
Telerik team
 answered on 13 Nov 2012
7 answers
126 views
I have several rad grids running in a SharePoint 2007 site. The grids all use popup forms for editing or adding data. They work fine in SharePoint 2007, but I am now upgrading to SharePoint 2010, and they no longer work.

Using Internet Explorer, when I call for a edit form, it does pop-up, but the enter form, including the edit form, is disabled, and no action can be taken anywhere on the page.

Using Firefox or Chrome, the edit form pops up, and is not disabled, but it is also not functional. Pressing buttons on the edit form does not work, neither does any javascript on the form.

Any advice on how to fix this?
Tsvetoslav
Telerik team
 answered on 13 Nov 2012
6 answers
245 views
I use RadNumericTextBox in RadGrid for editing elements.
If I load page in simple web app everything is ok, but if I load my page in Sharepoint 2010 I get and javascript error when click on edit item in grid:

Message: Sys.ArgumentUndefinedException: Value cannot be undefined.
Parameter name: type
Line: 2705
Char: 12
Code: 0
URI: http://icg-ua-sp10-001:8080/ScriptResource.axd?d=JLSEwDhnT6kSeTxfR3S7TXvKVR6eKue_6_eZhIyn2o26kbagvtqJP4jSTgjtJD-N9OuPAsMWD1lvQZvho6RtKbymLi3PF6qrOF01u1B9Dvi9bAnNVlbkECrZIRV_n4bf22xRR1TGkD_YkGpfV0e5pmpkNxIAbh_mQHsFCSqmWe35et5Z0&t=fffffffff9d85fa6

And RadNumericTextBox is working not properly:
1) Binding is not working
2) I can enter any data in control (including letters)

markup for control is something like this:
<telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText="">
  <EditItemTemplate>
    <table border="0" cellpadding="0" cellspacing="0" style="color: black">
      <tr>
        <td width="70" style="padding-left: 15px">January:<br />
          <telerik:RadNumericTextBox runat="server" DbValue='<%# Bind("January") %>' Width="55px" ID="txtJanuary" />
        </td>
      </tr>
    </table>
  </EditItemTemplate>
</telerik:GridTemplateColumn>
Tsvetoslav
Telerik team
 answered on 13 Nov 2012
3 answers
183 views
I'm using a modified 'ToolTipSprites.png' in my project.

All of the horizontal sprites show correctly, but the close button is not showing.  I did not modify the size/dimension/position of the close button in the sprite, only the color.

I've tried modifying the CSS, and have gotten some interesting results:
 
div.RadToolTip_CBToolTip a.rtCloseButton 
{  
      background-color: #66a2cc; 
}

That will change the background color of where the close button will be, no problem.   But when I attempt to add the png

div.RadToolTip_CBToolTip a.rtCloseButton 
{  
   background-image : url('ToolTip/ToolTipSprites.png');
}

I get nothing.  Any idea on how I can get this class to pick up?
Marin Bratanov
Telerik team
 answered on 13 Nov 2012
1 answer
67 views
Hello
I am using radgrid q3 2009.
Is it possible to access the values for group aggregates in a group header. I have tried this code on this webpage

http://www.telerik.com/help/aspnet/grid/grdcustomizegridgroupheaderitem.html

but the data in the DataRowView belongs to the last row for the group in question. In a GridRowFooterItem you can access the aggregates on a column by simply calling footerItem("ColumnName"). This does not seem to work on a GridRowHeaderItem.

thanks a lot
Milena
Telerik team
 answered on 13 Nov 2012
1 answer
79 views
Team,

I am facing an error which is causing to us , 

My controls are like this ,asp:updatepanel Inside update panel i placed radajaxmanager and  radgrid... 

I'm geting this error while redirecting to another page are refreshing the curent page then I'm getting this script error..

Please find the attachment files. and give the sol for this problem asap

Regards,

Prasad
Andrey
Telerik team
 answered on 13 Nov 2012
3 answers
84 views
Hi Sir,
I'm experiencing an issue with a radgrid after filtering: the columns sizes are reduced and I'm unable to remove the filter.
To clarify, I'm posting images.
I hope you can find a solution

Thanks
Davide Accogli
Kostadin
Telerik team
 answered on 13 Nov 2012
6 answers
165 views
Hi,

I want to display only a subset of classes in the Apply CSS drop-down list.
I have two CSS files, and I want to render the document with the content of both in the editor, but I want only the classes of one of them to be selectable in the dropdown list.

I noticed that the drop-down list is populated when you first click on the item. And it then reads all the CSS classes that are loaded in the document.

How can I either trigger the population of the drop-down list or otherwise get the required behaviour?

I tried setting the CSSFiles property either programmatically or via the Tools.xml file, but I then noticed I could delay-load a CSS file in the iframe, but I need to trigger the event, otherwise I get all classes, and it becomes rather messy.

I do now know before hand what classes are defined in the CSS-files as they might be a number of different setups for our different customers.

I hope you can help me.

Rumen
Telerik team
 answered on 13 Nov 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?