Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
132 views
Hi All,

I am experiencing this problem: My page has a RadSplitter with horizontal orientation. Inside of this RadSplitter are two RadPanes separated by a horizontal RadSplitterBar. I then nest another RadSplitter with horizontal orientation inside of one of the RadPanes. When the user drags one of the RadBars, depending on the direction it moves, it pulls the other RadSplitterBar along by a fraction of the amount moved (based on how many RadSplitterBars it is pulling). 

I tried setting the splitter's ResizeWithParentPane to false, but this did not yield the intended effect (at least not immediately). This may be the way to go, but perhaps I need to be toggling this on/off. I am unsure. I also tried setting the splitter's ResizeMode to the various non-default options, but I didn't see any change in functionality which would have an affect on my issue.

Attached are before/after photos. In the after photo I have only grabbed the lower RadSplitterBar and pulled it downward. In my eyes, that RadSplitterBar should only be controlling the lower and middle pane's height. Yet, when I drag it down, the lower pane is resized and the two other panes' heights are each increased by 50% of the height removed from the lower pane.

Thanks for your time.

EDIT: On a completely unrelated note (trying not to completely spam the forums..): How do I apply CSS to just one RadSlidingPane? 

I would like to add a small amount of padding to the top of the first icon. 

.RadSplitter .rspPaneTabContainer .rspPaneTabIcon { padding-top: 5px;}

This applies it to all of my panes. I tried various combinations attempting to get it to apply to just the first pane, but to no avail. Thanks!
Dobromir
Telerik team
 answered on 18 Feb 2011
2 answers
171 views
Hello,

I am trying to use the CSSClass properties of the RadToolBarButton to use theme-specific images on them. I can get the base image to appear, but it always remains, even though I have the hovered class defined. I have tried both of the following:

Using the :hovered sub-class of 'a'
<telerik:RadToolBarButton runat="server" Width="20px" ImageUrl="~/images/transparent.gif"
    CssClass
="pageNext" ></telerik:RadToolBarButton>
a.pageNext img.rtbIcon
{
    background:transparent url('pageNext.gif') no-repeat 0 0;
    margin-left: 2px;
}
a.pageNext:hovered img.rtbIcon
{
    background:transparent url('pageNextHovered.gif') no-repeat 0 0;
}

Using separate classes:
<telerik:RadToolBarButton runat="server" Width="20px" ImageUrl="~/images/transparent.gif"
    CssClass
="pageNext" HoveredCssClass="pageNextHovered" ></telerik:RadToolBarButton>
a.pageNext img.rtbIcon
{
    background:transparent url('pageNext.gif') no-repeat 0 0;
    margin-left: 2px;
}
a.pageNextHovered img.rtbIcon
{
    background:transparent url('pageNextHovered.gif') no-repeat 0 0;
}


Both produce the same result: pageNext.gif appears, but is not replaced by pageNextHovered. 'transparent.gif' is a blank 16x16 image which causes the img.rtbIcon class to be rendered. Is this possible to do?

Thanks in advance.
Josh
Top achievements
Rank 1
 answered on 18 Feb 2011
1 answer
191 views
I have a RadComboBox with an ItemTemplate for checkboxes, like this:

<li>
    <label class="labelBlack" for="ReportType">
        Report Type</label>
    <telerik:RadComboBox ID="cmbReportType" Name="ReportType" runat="server" DataTextField="Value" DataValueField="Key" TabIndex="17" Width="214"
         MarkFirstMatch="true" AllowCustomText="false" OnClientLoad="OnReportTypeLoad" OnClientDropDownClosing="OnReportTypeDropDownClosing">
        <ItemTemplate>
            <asp:CheckBox runat="server" ID="chkReportType" Text='<%# Eval("Value")%>'/>
            <asp:HiddenField runat="server" ID="ReportTypeID" Value='<%# Eval("Key") %>' />
        </ItemTemplate>
    </telerik:RadComboBox>
</li>
This is part of a "Search" form, and I have a Submit and Clear button on the page. When Clear is clicked, I need to set the index back to the first item in the list. On ComboBoxes that do not use an ItemTemplate, I can just do this (in code behind):
cmbReportType.SelectedIndex = 0;

And that works. But it doesn't work when the ItemTemplate is present. I also tried:

cmbReportType.Items[0].Selected = true;
Still, no luck. Any thoughts on this?

Helen
Telerik team
 answered on 18 Feb 2011
1 answer
97 views
When rendering a radgrid using scrolling  the grid is properly rendered with the scrolling bar, but padding is added to the right of the grid, as if scrolling was not implemented.

For instance, say my RadGrid without scrolling is 1000px.  If I size it to 600px and add scrolling.  The Rad grid is rendered as 600px wide, with the scrolling bar.  However to the right of the RadGrid it is still padded with the remaining 400px.  I can't figure out why this padding is added.  It's as if the scroll was implemented for display, but the RadGrid still occupies it's original width space.


Here is a sample of the code:


<telerik:RadGrid ID="RadGridPerformance" runat="server" AutoGenerateColumns="False" Width="600px" Height="175px" >
 <MasterTableView TableLayout="Fixed">
         <Columns>
                 <telerik:GridBoundColumn HeaderText="" DataField="Year"  />
                        <telerik:GridBoundColumn HeaderText="YTD" DataField="Ytd"  />
                        <telerik:GridBoundColumn HeaderText="Jan" DataField="Jan"  />
                        <telerik:GridBoundColumn HeaderText="Feb" DataField="Feb"   />
                        <telerik:GridBoundColumn HeaderText="Mar" DataField="Mar"   />
                        <telerik:GridBoundColumn HeaderText="Apr" DataField="Apr"   />
                        <telerik:GridBoundColumn HeaderText="May" DataField="May"   />
                        <telerik:GridBoundColumn HeaderText="Jun" DataField="Jun"   />
                        <telerik:GridBoundColumn HeaderText="Jul" DataField="Jul"   />
                        <telerik:GridBoundColumn HeaderText="Aug" DataField="Aug"   />
                        <telerik:GridBoundColumn HeaderText="Sep" DataField="Sep"   />
                        <telerik:GridBoundColumn HeaderText="Oct" DataField="Oct"  />
                        <telerik:GridBoundColumn HeaderText="Nov" DataField="Nov"  />
                        <telerik:GridBoundColumn HeaderText="Dec" DataField="Dec"  />
             </Columns>
      </MasterTableView>
        <HeaderStyle Width="60px" />
        <ClientSettings>
         <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" FrozenColumnsCount="1">
                </Scrolling>
      </ClientSettings>
</telerik:RadGrid>
Pavlina
Telerik team
 answered on 18 Feb 2011
8 answers
334 views
Hi,  im trying to catch a click event from inside the rotator but the events arent being fired.  Is there an example I can look at?  I can catch the click event for the rotator just not the items inside.

I have a rotator that is inside a user control with 2 link buttons and an image.  I can catch the click event on a button in the usercontrol outside the rotator just not inside.

Thanks
-Keith
Georgi Tunev
Telerik team
 answered on 18 Feb 2011
1 answer
78 views
Hello,

My application was developed in telerik 3.0 version Now converted into telerik control 4.0 and now I am getting following error from last 3 days in whole application can you pease provide me some solution for me. 

I used following code in .aspx

 <ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="true">
    <Resizing EnableRealTimeResize="True"></Resizing>
  <Scrolling AllowScroll="true" UseStaticHeaders="true" />
  <Selecting AllowRowSelect="true" />
  <ClientEvents OnCommand="gridCommand" />
  </ClientSettings>


Getting Error
Line: 3
Error: '_events' is null or not an object

Please I am wating for your response

Thanks and Regards,
Atchyut
Helen
Telerik team
 answered on 18 Feb 2011
5 answers
148 views
Dear Telerik-Support

I want to use a RadContextMenu on a RadRotator. So if the user right click on a RotatorItem the a RadContextMenu should be shown.

Can you give me an exapmle for this scenario?

Kind Regargs,
Christian
Christian
Top achievements
Rank 1
 answered on 18 Feb 2011
4 answers
143 views
Hi,

In my chart I am using chart series type as "Spline" and cart & lines are displaying correctly as per the given data.

Now my requirement is, i want to mark the area between each spline with different color schema. How can i achieve this?

I tried with SplineArea series type but that chart was not displaying as am expected.

I am looking similar chart which you can find in below url
http://childobesityinfo.blogspot.com/2008/09/bmi-for-age-percentile-chart-for-boys.html
Thanks,
Sumanth
Sumanth
Top achievements
Rank 1
 answered on 18 Feb 2011
1 answer
98 views
Hi All,
Please suggest me on this:

Step 1: I have .aspx page which has a master page for it in which RadAjaxManager is placed.
Step 2: In this page I have a user control say uc1 (along with RadManagerProxy) which holds another user control say uc2 in it along with a grid.
Step 3: In uc2 I am having a rad window and other label controls. I am modifying some content in rad window and calling a javascript function in uc2 which is raised when we close rad window.
Step 4: I am calling master manager events in uc1 to update the grid as specified in the following url: http://www.telerik.com/help/aspnet-ajax/ajax-manager-proxy.html
Step5: My problem is the above code works fine when we have only one instance of both the controls i.e. uc1 & uc2. But when we have more than one instance of both controls in a page then updating one instance of uc2 will update rest of the instances of uc2 which is in uc1. That is it is calling manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(manager_AjaxRequest);
as many times as we have instances. But I want to call that event only once for that particular instance. 

I know its confusing, please let me know if anybody require further explanation.
Maria Ilieva
Telerik team
 answered on 18 Feb 2011
3 answers
475 views
Hello,

I have a question 

Similar to this thread: http://www.telerik.com/community/forums/thread/b311D-mebde.aspx

I would like to use the normal ASP.net validation controls with the RadDatePicker and perform client-side validation
rather than the inbuilt validation of the RadDatePicker. 
I do not want the RadDatePicker style to change when an invalid date is entered.

when I'm validating against the normal text box, I use a regular expression validator, and then display a message next to the text box with the correct date format.
This is how I validate all the rest of the controls in the web site, and I want to maintain consistency of look and feel of the validation

when I try and use a regular expression validator against the RadDatePicker, the validation fails.

How can I correctly hook up a client-side regular expression validator to a RadDatePicker?

Can I disable the RadDatePicker validation functionality?

If I can't disable the RadDatePicker validation functionality, I imagine that I would need to change the skin for the control.  Is this correct?

Basically what I'm looking for is a regular text box that is hooked up to a calendar automatically, rather than having to code a rad window with an embedded calendar.

This is my code, the textbooks validation works, the RadDatePicker validation does not

<td noWrap align=right >Reminder Date:</td>

<td >

<table>

<tr>

<td><asp:TextBox ID="txtReminderDate" runat="server" Enabled="false"></asp:TextBox></td>

<td><asp:RequiredFieldValidator ID="reqvalReminderDate" runat="server" Enabled="false" ErrorMessage="Reminder Date is required." ControlToValidate="txtReminderDate">*</asp:RequiredFieldValidator><asp:RegularExpressionValidator ID="regvalReminderDate" runat="server" ErrorMessage="Reminder Date is invalid" Enabled=false ValidationExpression="(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))" ControlToValidate="txtReminderDate">* mm/dd/yyyy</asp:RegularExpressionValidator></td>

</tr>

</table>

</td>

</tr>

<tr>

<td noWrap align=right >Reminder Date:</td>

<td >

<table>

<tr>

<td><telerik:RadDatePicker ID="rdpReminderDate" Runat="server" enabled="false"

Culture="English (United States)" Skin="Default2006">

<DateInput DateFormat="MM/dd/yyyy" LabelCssClass="radLabelCss_Default2006"

Skin="Default2006">

</DateInput>

<

Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"

Skin="Default2006"></Calendar>

</telerik:RadDatePicker></td>

<td><asp:RequiredFieldValidator ID="reqvalReminderDateRDP" runat="server" Enabled="false" ErrorMessage="Reminder Date is required." ControlToValidate="rdpReminderDate">*</asp:RequiredFieldValidator><asp:RegularExpressionValidator ID="regvalReminderDateRDP" runat="server" ErrorMessage="Reminder Date is invalid" Enabled=false ValidationExpression="(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))" ControlToValidate="rdpReminderDate">* mm/dd/yyyy</asp:RegularExpressionValidator>

</td>

</tr>

Thanks
Jonathan

Maria Ilieva
Telerik team
 answered on 18 Feb 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?