Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
243 views
I'm using a RadTabStrip with HorizontalTop orientation. I want there to be a horizontal line separating the RadTabStrip from the RadMultiPage below it for the FULL WIDTH of the RadTabStrip (except for the Selected Tab). This happened when I used the Office 2007 skin. But when I base my skin on the Outlook skin (for other reasons) the separating line is only there for unselected tabs, not for the part of the RadTabStrip that extends to the right of the tabs I have defined. Which part of the skin is it that makes the line extend to the right as far as the width of the RadTabStrip?

Ben
Yana
Telerik team
 answered on 18 Feb 2011
2 answers
60 views
Hello,

I have to be missing something very easy here. I have a radRotator that works when I reference the Telerik rss feed but fails when I reference a local XML file. I know it reads because putting a breakpoint catches it during the read and further view source show the output HTML with the values from the XML file for the list items so....What simple thing am I missing?

HTML Code:
<table id="tbl_Basics" cellpadding="0" cellspacing="0" border="0" width="220">
     <tr>
          <td>
               <a href='<%# XPath("EventLink").ToString()%>' style="cursor: pointer; text-decoration: none; color: Black; background-image: url('images/Mondaytest.png');"></a>
  
<telerik:RadRotator ID="rotatr_ChurchEvents" RotatorType="AutomaticAdvance" ScrollDirection="Up" ScrollDuration="4000" runat="server" Width="220" DataSourceID="XMLChurchEvents" ItemWidth="220" Height="330" ItemHeight="64" FrameDuration="1" InitialItemIndex="-1" CssClass="rotator">
                                <ItemTemplate>
                                    <div class="itemTemplate" onclick="document.location='<%# XPath("EventLink").ToString()%>'" style="background-image: url('images/Mondaytest.png');">
  
                                        <div class="dateTime">
                                            <div class="time">
                                                <%# (this.GetTimeOnly(XPath("EventTime").ToString())) %>
                                            </div>
                                              
                                            <div class="date">
                                                <%# XPath("EventDate").ToString() %>
                                            </div>
                                        </div>
  
                                        <div class="title">
                                            <span>
                                                <%# System.Web.HttpUtility.HtmlEncode(XPath("EventText").ToString())%>
                                            </span>
                                        </div>
  
                                    </div>
                                </ItemTemplate
                            </telerik:RadRotator>
                            <asp:XmlDataSource ID="XMLChurchEvents" runat="server" XPath="ChurchEvents/Events/EventDetails" DataFile="XML/ChurchEvents.xml" />
                        </td>
                    </tr>
                </table>

No code behind worth lokking at. Here is the XML doc structure:
<?xml version="1.0" encoding="utf-8" ?>
  <ChurchEvents>
    <Events>
        
      <!-- USE This Section for weekly events-->
      <EventDetails>
        <EventText>Worship Service</EventText>
        <EventTime>11:00</EventTime>
        <EventDate>Sunday</EventDate>
        <EventLink></EventLink>
      </EventDetails>
        
        
        
        
        
      <!-- Use this section for special events-->
      <EventDetails>
        <EventText>Financial Peace</EventText>
        <EventTime>02:00</EventTime>
        <EventDate>Sat. Feb. 27</EventDate>
        <EventLink></EventLink>
      </EventDetails>
        
        
    </Events>
  </ChurchEvents>

Thank You for your assistance
JB
Ramjet
Top achievements
Rank 1
 answered on 18 Feb 2011
1 answer
93 views
Hi,

I can't seems to solve a problem that the usercontrol where I have my TreeView updates before "btnSavePage" button event fires.
I need a way to update the TreeView after the button event has been fired.
Could someone point me in the right direction?

My Code:
UserControl:
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" >       
        <AjaxSettings>       
            <telerik:AjaxSetting AjaxControlID="tvPages" EventName="onnodedrop">           
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="tvPages" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting
                <telerik:AjaxSetting AjaxControlID="btnSavePage" EventName="onclick" >
                <UpdatedControls>                   
                    <telerik:AjaxUpdatedControl ControlID="tvPages" LoadingPanelID="RadAjaxLoadingPanel1"  />
                </UpdatedControls>
            </telerik:AjaxSetting>       
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <asp:Panel ID="pnlPageTree" runat="server">
        <telerik:RadTreeView ID="tvPages" runat="server" EnableDragAndDrop="true" PersistLoadOnDemandNodes="false"  EnableDragAndDropBetweenNodes="true"
            onnodedatabound="tvPages_NodeDataBound" onnodedrop="tvPages_NodeDrop"
            ondatabinding="tvPages_DataBinding" >              
        </telerik:RadTreeView>
    </asp:Panel>

WebForm:
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" >
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnSavePage" EventName="onclick" >
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlPage" LoadingPanelID="RadAjaxLoadingPanel1" />                   
                </UpdatedControls>
            </telerik:AjaxSetting>           
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
<asp:Button ID="btnSavePage" runat="server" Text="Lagre" onclick="btnSavePage_Click" />
Dimitar Terziev
Telerik team
 answered on 18 Feb 2011
3 answers
163 views
Hi all,

I'm trying to reach this goal:
I have a grid with static headers, but this way RadGrid make the Footer Totals static too...
There's a way of change this behavior or should I make it programmatically, if yes, how?

Thanks
Cleber
Developer - Brasil
Pavlina
Telerik team
 answered on 18 Feb 2011
1 answer
62 views

Hi,

i have some trouble with RadGrid styling. I picked up a skin (Windows7 to be exact) and I tried to customize the look'n'feel of it - basically i wanted to disable the AlternateItemStyling so the whole grid would have a white background and i'd like to keep the 'selected' item styling. I set EnableAlternatingItems to false and to my astonishment my whole grid got a gray-blue like (#d7e8fe) background. Ok. So i started to browse the forums and the documentation, found something but it didn't work out for me. 

Cutting the story short - when i set the ItemStyle, AlternatingItemStyle (to Transparent) and SelectedItemStyle(to #d7e8fe) BackColor properties almost everything looks like i want to.. but. Despite i set GridLines to None they still get rendered but that's a minor issue. The major is, when i select an item and then deselect it, RadGrid changes the background color of it back to the gray-blue like ignoring all of my settings. I tried everything, overriding the css styles with the !important switch, setting the colors declaratively, none of it worked as expected.

Sample project can be downloaded from http://www.zumodrive.com/share/ayhoNjVmNT

RadControls version used: 2010.3.1317.35. I'd love to hear some advice from you guys.

Regards,

Rafal

Galin
Telerik team
 answered on 18 Feb 2011
3 answers
110 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
151 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
165 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
88 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
325 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?