Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
161 views
Hi,
I am binding a value to a Radslider in a Radgrid, this works fine in editmode, however on insert mode I ger the "Unable to cast...." error message. I'm assuming I need to find the control on itemcommand, however, how do I do that and set the value to for the slider to zero for insert mode?

    <telerik:RadSlider ID="RadSlider1" runat="server"   
                LargeChange="25" SmallChange="25" Value='<%# Bind("percent_complete") %>' 
                MinimumValue="0" MaximumValue="100" 
                Width="200" Height="40"   
                ItemType="Tick" TrackPosition="TopLeft" Skin="Sitefinity">  
    </telerik:RadSlider> 

protected void RadGrid_ItemCommand(object source, GridCommandEventArgs e)   
    {  
        if ((e.CommandName == RadGrid.InitInsertCommandName))  
        {  
             ?  
   
 
        }  
    }  
Nikolay Rusev
Telerik team
 answered on 24 Mar 2010
13 answers
376 views
Howdy,

I am evaluating using the TimePicker control and was wondering if there is anyway to add "paging" or some mechanism to reduce the size of the "flyout".  I need to display times from 12:00 AM to 11:45 PM in 15 minute intervals.  But that makes the fly out extremely large and awkward.  We currently just have an Hour drop down with 1 - 12, a Minute drop down with 00:00, 00:15, 00:30, 00:45, and then a AM, PM drow down.  As far as I can tell you don't have a control that mimics this type of functionality.  Am I wrong?

Thanks

dbl
Martin
Telerik team
 answered on 24 Mar 2010
5 answers
755 views
I want to do something with the RadWindow and wanted to check first if it's possible before I spend too much time.  Here's what I want do to.

1.  I have a page that displays some details for of a data object. 

2.  I would like to put a link on part of this page to pop up a modal RadWindow with some edit fields and an OK/Cancel button to allow the user to edit these details.

3.  When the user clicks OK on the popup, I want the popup to do a postback to process the data and store it int he DB.  I then want the popup to go away.

4.  After the data is stored by the postback of the popup, I want the base window to refresh and reload the new data from the DB.

Is this an intended scenario for the RadWindow?  If so, are there examples, or do you have suggestions on how to do it.

Thanks,
Mark DeMichele
Georgi Tunev
Telerik team
 answered on 24 Mar 2010
1 answer
155 views
I've created a simple grid to display a couple columns from an RSS feed using an XmlDataSource. The columns display fine but I want to group by a substring of one of the columns. The code for the grid is below (I hope this is educational for anyone else who wants to do this).

In short, there are three columns, c1, c2, and c3. These show RSS data 'title', 'pubDate', and 'description'. Rather than showing the whole publication date, for this example I just want to extract the first three characters of the day of the week so that I can group on it.

This isn't working with database columns, it's using XPath(expression) to render nodes as columns. So the GroupByField FieldName references below are invalid. Therefore, at runtime this error displays:
Telerik.Web.UI.GridGroupByException: Field pubDate not found in the source table. Please check the expression syntax.

It seems that the FieldName must actually be a database field name, not a column name from the grid. I've tried using the alias syntax but haven't been successful. I don't want to just use the fieldname, I want to group on a substring of that field, so it seems like the GroupByExpression needs to be something like this:
FieldName="XPath("pubDate").ToString().Substring(0,3)" 
 
But because of the quotes that's not going to work.

So can this be accomplished in markup? If not, how would it be done in code? (I tend toward C#)

Thanks!!


<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" DataSourceID="RSS1" 
  GridLines="None" AllowSorting="True" ShowGroupPanel="True">  
  <HeaderContextMenu EnableAutoScroll="True">  
  </HeaderContextMenu> 
  <MasterTableView DataSourceID="RSS1" GroupLoadMode="Client">  
    <GroupByExpressions> 
      <telerik:GridGroupByExpression> 
        <SelectFields> 
          <telerik:GridGroupByField FieldName="pubDate" HeaderText="Day" /> 
        </SelectFields> 
        <GroupByFields> 
          <telerik:GridGroupByField  FieldName="pubDate" SortOrder="Ascending" /> 
        </GroupByFields> 
      </telerik:GridGroupByExpression> 
    </GroupByExpressions> 
    <RowIndicatorColumn> 
      <HeaderStyle Width="20px"></HeaderStyle> 
    </RowIndicatorColumn> 
    <ExpandCollapseColumn> 
      <HeaderStyle Width="20px"></HeaderStyle> 
    </ExpandCollapseColumn> 
    <Columns> 
      <telerik:GridTemplateColumn UniqueName="c1" Groupable="false" HeaderText="Title" 
        ReadOnly="True">  
        <ItemTemplate> 
          <target="_blank" href='<%# XPath("link") %>'>  
            <%# System.Web.HttpUtility.HtmlEncode(XPath("title").ToString())%> 
          </a> 
        </ItemTemplate> 
      </telerik:GridTemplateColumn> 
      <telerik:GridTemplateColumn UniqueName="c2" Groupable="true" HeaderText="Day" 
        ReadOnly="True">  
        <ItemTemplate> 
          <%# System.Web.HttpUtility.HtmlEncode(XPath("pubDate").ToString().Substring(0,3))%> 
        </ItemTemplate> 
      </telerik:GridTemplateColumn> 
      <telerik:GridTemplateColumn UniqueName="c3" Groupable="false" HeaderText="Description" 
        ReadOnly="True">  
        <ItemTemplate> 
          <%# System.Web.HttpUtility.HtmlEncode(XPath("description").ToString())%> 
        </ItemTemplate> 
      </telerik:GridTemplateColumn> 
    </Columns> 
  </MasterTableView> 
  <ClientSettings AllowColumnsReorder="true" AllowDragToGroup="true" /> 
</telerik:RadGrid> 
<asp:XmlDataSource ID="RSS1" runat="server" DataFile="http://mydomain.com/blog/feed" 
  TransformFile="~/XSL.xsl" XPath="rss/channel/item"></asp:XmlDataSource> 

Here is the XSL which removes namespace info:
<?xml version="1.0" encoding="utf-8"?>  
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">  
  <xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes"/>  
  <xsl:template match="*">  
    <!-- Remove any prefixes --> 
    <xsl:element name="{local-name()}">  
      <!-- Work through attributes --> 
      <xsl:for-each select="@*">  
        <!-- Remove any attribute prefixes --> 
        <xsl:attribute name="{local-name()}">  
          <xsl:value-of select="."/>  
        </xsl:attribute> 
      </xsl:for-each> 
      <xsl:apply-templates/> 
    </xsl:element> 
  </xsl:template> 
</xsl:stylesheet> 
Yavor
Telerik team
 answered on 24 Mar 2010
0 answers
107 views
In my application, we have Rooms. In a simple example, we can easily show this grouping by creating a Rooms resource and setting the group by attribute in the RadScheduler tag. We also have people that will be attending the appointments and resources that may be assigned/dynamically created for each appointment. I finally had time to do some reading/playing and am comfortable with the idea/process of using a custom provider to handle most of this, but was curious if anyone had already developed something like they could either share or share pointers on.

Thanks,
Kevin
Kevin Price
Top achievements
Rank 1
 asked on 24 Mar 2010
1 answer
101 views
I'm trying to duplicate fundtionality I built in a prior framework.

In my Radgrid, I need one column to show both hyperlink or just gridbound based upon a value in the row.

For instance:

If status = 'waiting' column 1 should just show 'waiting' not as a hyperlink

If status = 'received' column 1 should show 'received' but it should be a hyperlink to page1.aspx with a keyfield

if status = 'lost' column 1 should show 'lost' but it should be a hyperlink to page2.aspx with keyfield.

So, the question is, in my Radgrid can I make one particular column behave as two different types based upon some other value in the row?  I can't find any examples of this.

Thanks for any help,
JC
John Cooney
Top achievements
Rank 1
 answered on 24 Mar 2010
2 answers
84 views
Hi!

After updating to Q1 2010 my custom skin for the grid control now has a separator every two lines for some reason... Why would that be happening and how can I change that? I'm attaching an image as well of what I mean... Please see my CSS for the skin:

/*Telerik RadGrid Default Skin*/ 
 
/*global*/ 
 
.RadGrid_GridBannered  
{  
    background-position#fff;  
    border1px solid #828282;  
    background#ffffff;  
    color#000000;  
}  
 
.RadGrid_GridBannered,  
.RadGrid_GridBannered .rgMasterTable,  
.RadGrid_GridBannered .rgDetailTable,  
.RadGrid_GridBannered .rgGroupPanel table,  
.RadGrid_GridBannered .rgCommandRow table,  
.RadGrid_GridBannered .rgEditForm table,  
.RadGrid_GridBannered .rgPager table,  
.GridToolTip_GridBannered  
{  
    font:12px/16px arial,sans-serif;  
}  
 
.RadGrid_GridBannered .rgMasterTable,  
.RadGrid_GridBannered .rgDetailTable  
{  
    border-collapse:separate;  
}  
 
.RadGrid_GridBannered .rgRow,  
.RadGrid_GridBannered .rgAltRow,  
.RadGrid_GridBannered .rgHeader,  
.RadGrid_GridBannered .rgResizeCol,  
.RadGrid_GridBannered .rgPager,  
.RadGrid_GridBannered .rgGroupPanel,  
.RadGrid_GridBannered .rgGroupHeader  
{  
    cursor:default;  
}  
 
.RadGrid_GridBannered input[type="image"]  
{  
    cursor:pointer;  
}  
 
.RadGrid_GridBannered .rgRow td,  
.RadGrid_GridBannered .rgAltRow td,  
.RadGrid_GridBannered .rgEditRow td,  
.RadGrid_GridBannered .rgFooter td,  
.RadGrid_GridBannered .rgFilterRow td,  
.RadGrid_GridBannered .rgHeader,  
.RadGrid_GridBannered .rgResizeCol,  
.RadGrid_GridBannered .rgGroupHeader td  
{  
    padding-left:7px;  
    padding-right:7px;  
}  
 
.RadGrid_GridBannered .rgClipCells .rgHeader,  
.RadGrid_GridBannered .rgClipCells .rgRow>td,  
.RadGrid_GridBannered .rgClipCells .rgAltRow>td  
{  
    overflow:hidden;  
}  
 
.RadGrid_GridBannered .rgAdd,  
.RadGrid_GridBannered .rgRefresh,  
.RadGrid_GridBannered .rgEdit,  
.RadGrid_GridBannered .rgDel,  
.RadGrid_GridBannered .rgFilter,  
.RadGrid_GridBannered .rgPagePrev,  
.RadGrid_GridBannered .rgPageNext,  
.RadGrid_GridBannered .rgPageFirst,  
.RadGrid_GridBannered .rgPageLast,  
.RadGrid_GridBannered .rgExpand,  
.RadGrid_GridBannered .rgCollapse,  
.RadGrid_GridBannered .rgSortAsc,  
.RadGrid_GridBannered .rgSortDesc,  
.RadGrid_GridBannered .rgUpdate,  
.RadGrid_GridBannered .rgCancel,  
.RadGrid_GridBannered .rgUngroup  
{  
    width:16px;  
    height:16px;  
    border:0;  
    margin:0;  
    padding:0;  
    background-color:transparent;  
    background-image:url('Grid/sprite.gif');  
    background-repeat:no-repeat;  
    vertical-align:middle;  
    font-size:1px;  
    cursor:pointer;  
}  
 
.RadGrid_GridBannered .rgGroupItem input,  
.RadGrid_GridBannered .rgCommandRow img,  
.RadGrid_GridBannered .rgHeader input,  
.RadGrid_GridBannered .rgFilterRow img,  
.RadGrid_GridBannered .rgFilterRow input,  
.RadGrid_GridBannered .rgPager img  
{  
    vertical-align:middle;  
}  
 
/*header*/ 
 
.RadGrid_GridBannered .rgHeaderDiv  
{  
    /*background:#EDB512 0 -5900px repeat-x url('Grid/sprite.gif');*/ 
    background:#EDB512;  
}  
.rgTwoLines .rgHeaderDiv  
{  
    background-position:0 -6200px;  
}  
 
.rgNoScrollImage .rgHeaderDiv  
{  
    background-image:none;  
}  
 
.RadGrid_GridBannered .rgHeader,  
.RadGrid_GridBannered th.rgResizeCol  
{  
    border:0;  
    border:1px solid #d12421;     
    padding-top:5px;  
    padding-bottom:4px;  
    /*background:#ffffff 0 -2300px repeat-x url('Grid/sprite.gif');*/ 
    background:#EDB512;  
    color:#d12421;  
    text-align:left;  
    font-weight:bold;  
}  
 
.RadGrid_GridBannered th.rgSorted  
{  
    background-color:#ffffff;  
    background-position:0 -2600px;  
}  
 
.RadGrid_GridBannered .rgHeader, .RadGrid_GridBannered .rgHeader a  
{  
    color#d12421;  
    text-decorationnone;  
}  
 
.RadGrid_GridBannered .rgCheck  
{  
    height:15px;  
    margin:0;  
    padding:0;  
}  
 
/*rows*/ 
 
.RadGrid_GridBannered .rgRow td,  
.RadGrid_GridBannered .rgAltRow td,  
.RadGrid_GridBannered .rgEditRow td,  
.RadGrid_GridBannered .rgFooter td  
{  
    border:0;  
    /*border-bottom:1px solid;*/ 
    padding-top:4px;  
    padding-bottom:3px;  
}  
 
.RadGrid_GridBannered .rgRow td  
{  
    border-color:#fff;    
}  
 
.RadGrid_GridBannered .rgAltRow  
{  
    background:#fff;      
}  
 
.RadGrid_GridBannered .rgAltRow td  
{  
      
}  
 
.RadGrid_GridBannered .rgRow .rgSorted  
{  
      
}  
 
.RadGrid_GridBannered .rgAltRow .rgSorted  
{  
      
}  
 
.RadGrid_GridBannered .rgSelectedRow .rgSorted,  
.RadGrid_GridBannered .rgActiveRow .rgSorted,  
.RadGrid_GridBannered .rgHoveredRow .rgSorted,  
.RadGrid_GridBannered .rgEditRow .rgSorted  
{  
    background-color:transparent;  
}  
 
.RadGrid_GridBannered .rgRow a,  
.RadGrid_GridBannered .rgAltRow a,  
.RadGrid_GridBannered .rgEditRow a,  
.RadGrid_GridBannered .rgFooter a,  
.RadGrid_GridBannered .rgEditForm a  
{  
    color:#000;  
}  
 
.RadGrid_GridBannered .rgSelectedRow  
{  
    background-color:#EDB512;  
    font-weightbold;  
    color:#d12421;  
}  
*+html .RadGrid_GridBannered .rgSelectedRow .rgSorted{background-color:#EDB512}  
* html .RadGrid_GridBannered .rgSelectedRow .rgSorted{background-color:#EDB512}  
 
.RadGrid_GridBannered .rgSelectedRow a  
{  
    color:#d12421;  
}  
 
.RadGrid_GridBannered .rgActiveRow,  
.RadGrid_GridBannered .rgHoveredRow  
{  
    /*background:#ffffff 0 -2900px repeat-x url('Grid/sprite.gif');*/ 
    background-color:#EDB512;  
    font-weightbold;  
    color:#d12421;  
}  
*+html .RadGrid_GridBannered .rgActiveRow .rgSorted,  
*+html .RadGrid_GridBannered .rgHoveredRow .rgSorted{background-color:#EDB512}  
* html .RadGrid_GridBannered .rgActiveRow .rgSorted,  
* html .RadGrid_GridBannered .rgHoveredRow .rgSorted{background-color:#EDB512}  
 
.RadGrid_GridBannered .rgEditRow  
{  
    background-color:#EDB512;  
    /*background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');*/ 
}  
 
.RadGrid_GridBannered .rgActiveRow td,  
.RadGrid_GridBannered .rgActiveRow td.rgSorted,  
.RadGrid_GridBannered .rgHoveredRow td,  
.RadGrid_GridBannered .rgHoveredRow td.rgSorted  
{  
      
}  
 
.RadGrid_GridBannered .rgSelectedRow td,  
.RadGrid_GridBannered .rgSelectedRow td.rgSorted  
{  
      
}  
 
/*footer*/ 
 
.RadGrid_GridBannered .rgFooterDiv,  
.RadGrid_GridBannered .rgFooter  
{  
    background:#ffffff;  
}  
 
.RadGrid_GridBannered .rgFooter td  
{  
    border-top:1px solid #828282;  
    border-bottom:1px solid #fff;  
}  
 
/*status*/ 
 
.RadGrid_GridBannered .rgPager .rgStatus  
{  
    width:35px;  
    border:1px solid;  
    border-color:#828282 #c9c9c9 #eee #c9c9c9;  
    border-left:0;  
    padding:3px 0 2px;  
}  
 
.RadGrid_GridBannered .rgStatus div  
{  
    width:24px;  
    height:24px;  
    overflow:hidden;  
    border:0;  
    margin:0 auto;  
    padding:0;  
    /*background:transparent center center no-repeat url('Common/loading_small.gif');*/ 
    text-indent:-2222px;  
}  
 
/*pager*/ 
 
.RadGrid_GridBannered .rgPager  
{  
    background:#eee;  
}  
 
.RadGrid_GridBannered .rgPager td  
{  
    padding:0;  
}  
 
.RadGrid_GridBannered .rgPager .rgPagerCell  
{  
    border:1px solid;  
    border-color:#828282 #eee #eee;  
    border-right:0;  
    padding:5px 0 4px;  
}  
 
.RadGrid_GridBannered .rgWrap  
{  
    float:left;  
    padding:0 10px;  
    line-height:22px;  
    whitewhite-space:nowrap;  
}  
 
.RadGrid_GridBannered .rgArrPart1  
{  
    padding-right:0;  
}  
 
.RadGrid_GridBannered .rgArrPart2  
{  
    padding-left:0;  
}  
 
.RadGrid_GridBannered .rgInfoPart  
{  
    float:rightright;  
    color:#8a8a8a;  
}  
 
.RadGrid_GridBannered .rgInfoPart strong  
{  
    font-weight:normal;  
    color:#4c4e54;  
}  
 
.RadGrid_GridBannered .rgArrPart1 img,  
.RadGrid_GridBannered .rgArrPart2 img  
{  
    margin:0 8px;  
}  
 
.RadGrid_GridBannered .rgPageFirst,  
.RadGrid_GridBannered .rgPagePrev,  
.RadGrid_GridBannered .rgPageNext,  
.RadGrid_GridBannered .rgPageLast  
{  
    width:22px;  
    height:22px;  
    vertical-align:top;  
}  
 
.RadGrid_GridBannered .NextPrev .rgPageFirst,  
.RadGrid_GridBannered .NextPrev .rgPagePrev,  
.RadGrid_GridBannered .NextPrev .rgPageNext,  
.RadGrid_GridBannered .NextPrev .rgPageLast  
{  
    vertical-align:middle;  
}  
 
.RadGrid_GridBannered .rgPageFirst  
{  
    background-position:0 -550px;  
}  
.RadGrid_GridBannered .rgPageFirst:hover  
{  
    background-position:0 -600px;  
}  
.RadGrid_GridBannered .rgPagePrev  
{  
    background-position:0 -700px;  
}  
.RadGrid_GridBannered .rgPagePrev:hover  
{  
    background-position:0 -750px;  
}  
.RadGrid_GridBannered .rgPageNext  
{  
    background-position:0 -850px;  
}  
.RadGrid_GridBannered .rgPageNext:hover  
{  
    background-position:0 -900px;  
}  
.RadGrid_GridBannered .rgPageLast  
{  
    background-position:0 -1000px;  
}  
.RadGrid_GridBannered .rgPageLast:hover  
{  
    background-position:0 -1050px;  
}  
 
.RadGrid_GridBannered .rgPagerButton  
{  
    height:22px;  
    border:1px solid;  
    border-color:#d0d0d0 #aeaeae #8b8b8b;  
    margin:0 14px 0 0;  
    padding:0 4px 2px;  
    background:#e8e8e8 repeat-x 0 -1550px url('Grid/sprite.gif');  
    color:#000;  
    font:12px/12px "segoe ui",arial,sans-serif;  
    vertical-align:middle;  
    cursor:pointer;  
}  
 
.RadGrid_GridBannered .rgNumPart  
{  
    padding:0;  
}  
 
.RadGrid_GridBannered .NumericPages .rgNumPart  
{  
    padding:0 10px;  
}  
 
.RadGrid_GridBannered .rgNumPart a:hover,  
.RadGrid_GridBannered .rgNumPart a:hover span,  
.RadGrid_GridBannered .rgNumPart a.rgCurrentPage,  
.RadGrid_GridBannered .rgNumPart a.rgCurrentPage span  
{  
    background:no-repeat url('Grid/sprite.gif');  
}  
 
.RadGrid_GridBannered .rgNumPart a  
{  
    float:left;  
    line-height:22px;  
    margin:0;  
    padding:0 5px 0 0;  
    color:#000;  
    text-decoration:none;  
}  
 
.RadGrid_GridBannered .rgNumPart span  
{  
    float:left;  
    padding:0 0 0 5px;  
}  
 
.RadGrid_GridBannered .rgNumPart a:hover  
{  
    background-position:100% -1250px;  
}  
 
.RadGrid_GridBannered .rgNumPart a:hover span  
{  
    background-position:0 -1150px;  
    cursor:pointer;  
}  
 
.RadGrid_GridBannered .rgNumPart a.rgCurrentPage,  
.RadGrid_GridBannered .rgNumPart a.rgCurrentPage:hover  
{  
    background-position:100% -1450px;  
    cursor:default;  
}  
 
.RadGrid_GridBannered .rgNumPart a.rgCurrentPage span,  
.RadGrid_GridBannered .rgNumPart a.rgCurrentPage:hover span  
{  
    background-position:0 -1350px;  
    cursor:default;  
}  
 
.RadGrid_GridBannered .NextPrevNumericAndAdvanced .rgAdvPart  
{  
    float:none;  
    text-align:center;  
}  
 
.RadGrid_GridBannered .rgPager .RadSlider  
{  
    float:left;  
    margin:0 10px 0 0;  
}  
 
.RadGrid_GridBannered .rgPagerLabel,  
.RadGrid_GridBannered .rgPager .RadComboBox,  
.RadGrid_GridBannered .rgPager .RadInput_GridBannered  
{  
    margin:0 4px 0 0;  
    vertical-align:middle;  
}  
 
*+html .RadGrid_GridBannered .rgPager .RadComboBox{margin-top:-1px;}  
* html .RadGrid_GridBannered .rgPager .RadComboBox{margin-top:-1px;padding:1px 0;}  
 
.RadGrid_GridBannered .rgPagerTextBox  
{  
    text-align:center;  
}  
 
/*sorting, reordering*/ 
 
.RadGrid_GridBannered .rgHeader .rgSortAsc  
{  
    background-position:3px -248px;  
    height:10px;  
}  
 
.RadGrid_GridBannered .rgHeader .rgSortDesc  
{  
    background-position:3px -198px;  
    height:10px;  
}  
 
.GridReorderTop_GridBannered,  
.GridReorderBottom_GridBannered  
{  
    width:9px !important;  
    height:9px !important;  
    margin-left:-5px;     
}  
 
.GridReorderBottom_GridBannered  
{  
    background-position:0 -50px;  
}  
 
/*filtering*/ 
 
.RadGrid_GridBannered .rgFilterRow  
{  
    background:#ffffff;  
}  
 
.RadGrid_GridBannered .rgFilterRow td  
{  
    border-bottom:1px solid #828282;  
    padding-top:4px;  
    padding-bottom:7px;  
}  
 
.RadGrid_GridBannered .rgFilter  
{  
    width:22px;  
    height:22px;  
    margin:0 0 0 2px;  
    background-position:0 -300px;  
}  
 
.RadGrid_GridBannered .rgFilter:hover  
{  
    background-position:0 -350px;  
}  
 
.RadGrid_GridBannered .rgFilterActive,  
.RadGrid_GridBannered .rgFilterActive:hover  
{  
    background-position:0 -400px;  
}  
 
.RadGrid_GridBannered .rgFilterBox  
{  
    border:1px solid;  
    border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;  
    padding:2px 1px 3px;  
    font:12px arial,sans-serif;  
    color:#333;  
    vertical-align:middle;  
}  
 
/*grouping*/ 
 
.RadGrid_GridBannered .rgGroupPanel  
{  
    height:24px;  
    border:0;  
    border-bottom:1px solid #828282;  
    background:#eee 0 -1900px repeat-x url('Grid/sprite.gif');  
}  
 
.RadGrid_GridBannered .rgGroupPanel td  
{  
    border:0;  
    padding:3px 4px;  
}  
 
.RadGrid_GridBannered .rgGroupPanel td td  
{  
    padding:0;  
}  
 
.RadGrid_GridBannered .rgGroupPanel .rgSortAsc  
{  
    background-position:4px -144px;  
}  
 
.RadGrid_GridBannered .rgGroupPanel .rgSortDesc  
{  
    background-position:4px -94px;  
}  
 
.RadGrid_GridBannered .rgUngroup  
{  
    background-position:0 -6998px;  
}  
 
.RadGrid_GridBannered .rgGroupItem  
{  
    border:1px solid;  
    border-color:#c4c4c4 #c4c4c4 #9e9e9e;  
    padding:0 2px 1px 3px;  
    background-color:#ffffff;  
    line-height:20px;  
    font-weight:normal;  
    vertical-align:middle;  
}  
 
.RadGrid_GridBannered .rgMasterTable td.rgGroupCol,  
.RadGrid_GridBannered .rgMasterTable td.rgExpandCol  
{  
 
}  
 
.RadGrid_GridBannered .rgGroupHeader  
{  
    font-size:1.1em;  
    line-height:21px;  
    color:#000;  
}  
 
.RadGrid_GridBannered .rgGroupHeader td  
{  
    border-top:1px solid #828282;  
    border-bottom:1px solid #d9d9d9;  
    padding-top:0;  
    padding-bottom:0;  
}  
 
.RadGrid_GridBannered .rgGroupHeader td.rgGroupCol  
{  
    border-top-color:#828282;  
}  
 
.RadGrid_GridBannered .rgExpand  
{  
    background-position:5px -496px;  
}  
 
.RadGrid_GridBannered .rgCollapse  
{  
    background-position:3px -444px;  
}  
 
.RadGrid_GridBannered .rgGroupHeader td p  
{  
    display:inline;  
    margin:0;  
    padding:0 10px;  
}  
 
.RadGrid_GridBannered .rgGroupHeader td div div  
{  
    top:-0.8em;  
    padding:0 10px;  
}  
 
.RadGrid_GridBannered .rgGroupHeader td div div div  
{  
    top:0;  
    padding:0;  
    border:0;  
}  
 
/*editing*/ 
 
.RadGrid_GridBannered .rgEditForm  
{  
    border-bottom:1px solid #828282;  
}  
 
.RadGrid_GridBannered .rgUpdate  
{  
    background-position:0 -1800px;  
}  
 
.RadGrid_GridBannered .rgCancel  
{  
    background-position:2px -1848px;  
}  
 
/*hierarchy*/ 
 
.RadGrid_GridBannered .rgDetailTable  
{  
    border:1px solid #828282;  
    border-right:0;  
}  
 
/*command row*/ 
 
.RadGrid_GridBannered .rgCommandRow  
{  
    background:#c5c5c5 0 -2099px repeat-x url('Grid/sprite.gif');  
    color:#000;  
}  
 
.RadGrid_GridBannered .rgCommandCell  
{  
    border:1px solid;  
    border-color:#999 #f2f2f2;  
    border-top:0;  
    padding:0;  
}  
 
.RadGrid_GridBannered tfoot .rgCommandCell  
{  
    border-top:1px solid;  
    border-bottom:0;  
}  
 
.RadGrid_GridBannered .rgCommandTable td  
{  
    border:0;  
    padding:3px 7px 4px;  
}  
 
.RadGrid_GridBannered .rgCommandTable  
{  
    border:0;  
    border-top:1px solid #fdfdfd;  
    border-bottom:1px solid #e7e7e7;  
}  
 
.RadGrid_GridBannered .rgCommandRow a  
{  
    color:#000;  
    text-decoration:none;  
}  
 
.RadGrid_GridBannered .rgAdd  
{  
    margin-right:3px;  
    background-position:0 -1650px;  
}  
 
.RadGrid_GridBannered .rgRefresh  
{  
    margin-right:3px;  
    background-position:0 -1600px;  
}  
 
.RadGrid_GridBannered .rgEdit  
{  
    background-position:0 -1700px;  
}  
 
.RadGrid_GridBannered .rgDel  
{  
    background-position:0 -1750px;  
}  
 
/*multirow select*/ 
 
.GridRowSelector_GridBannered  
{  
    background:#4c4e54;  
}  
 
/*row drag n drop*/ 
 
.GridItemDropIndicator_GridBannered  
{  
    border-top:1px dashed #666;  
}  
 
/*tooltip*/ 
 
.GridToolTip_GridBannered  
{  
    border:1px solid #828282;  
    padding:3px;  
    background:#fff;  
    color:#333;  
}  
 
/*rtl*/ 
 
.RadGridRTL_GridBannered .rgHeader,  
.RadGridRTL_GridBannered .rgResizeCol  
{  
    text-align:rightright;  
}  
 
.RadGridRTL_GridBannered .rgPager .rgStatus  
{  
    border-right:0;  
    border-left-width:1px;  
}  
 
.RadGridRTL_GridBannered .rgWrap  
{  
    float:rightright;  
}  
 
.RadGridRTL_GridBannered .rgInfoPart  
{  
    float:left;  
}  
 
.RadGridRTL_GridBannered .rgNumPart  
{  
    width:220px;  
}  
 
.RadGridRTL_GridBannered .rgNumPart a  
{  
    float:rightright;  
}  
 
.RadGridRTL_GridBannered .rgDetailTable  
{  
    border-right:1px solid;  
    border-left:0;  
}  
 
Joe
Top achievements
Rank 1
 answered on 24 Mar 2010
1 answer
198 views


I am following the example posted here
Demo

specifically the custom user control containing the following Code :

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<ul class="productDetails">
    <li <%=(DataItem is Telerik.Web.UI.GridInsertionObject) ? "style='display:none;'": ""%>>
        <label>
            Product ID:</label>
        <%# DataBinder.Eval(DataItem,"ProductID") %>
    </li>

...

my problem is that the DataItem is not recognized in the namespace: 

Message: Sys.WebForms.PageRequestManagerServerErrorException: c:\SSW\Controls\Edit\AgencyDivisionDetail.ascx(11): error CS0103: The name 'DataItem' does not exist in the current context

 I am using the single Telerik.Web.UI dll for AJAX only so far in my application (Version 2009.3.1314.35), and cannot find DataItem.   Do I need something else to use DataItem?  is this a namespace issue?   Thanks!
Matthew Hardesty
Top achievements
Rank 1
 answered on 23 Mar 2010
2 answers
144 views
I am playing with this new feature, but would like to implement my own template. For example, on your demo page
(http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/headercontextfiltermenu/defaultcs.aspx)
when I expand Header Context Filter Menu for Order Date it shows textbox for entry, but I would like to put date picker. Is there a way to achieve this?

Thanks in advance.



Barbaros Saglamtimur
Top achievements
Rank 1
 answered on 23 Mar 2010
5 answers
143 views
Hi,
  I like your example at http://demos.telerik.com/aspnet-ajax/scheduler/examples/resourceavailability/defaultcs.aspx for resource availability.  I have few questions.

  1.  I know we can set DayStartTime and DayEndTime for a day on the calendar, but can i set multiple DayStartTime and DayEndTime on the same day?  For example, on Monday, I work from 8:00 AM to 11:30 AM and from 1:00 PM to 5:00 PM.

  2.  If I use my employee as resource, can different employee has different DayStartTime and DayEndTime?  For example, John works from 10:00 AM to 12:30 PM and 1:00 PM to 5:00 PM on Friday, but Mary only works from 8:00 AM to 12:00 PM on Friday (something similar to the attached image file).  I just want ONE scheduler on my page and use employee as resource.

Thanks.
Adam Cole
Top achievements
Rank 1
 answered on 23 Mar 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
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?