Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
108 views
Hello Telerik Developers,

I am using the Rad Editor in my application. I need to add a new font-Family (Trebuchet MS) into the toolbar of the Rad Editor. Please tell me the way how i add this font family with your control.

Please see the attached image. I want to add some new font family as well.

Thanks in advance.
Shinu
Top achievements
Rank 2
 answered on 18 Jan 2011
2 answers
89 views
Hello Telerik
I have a problem with X Label in the bar chart control.
I need the starting of the label be aligned with the bar.

Please find the attached file to clarify what I mean

thanks,
Taraman
Evgenia
Telerik team
 answered on 18 Jan 2011
1 answer
77 views
Hi,

I was looking at code sample, i found that OpenWindow function writtern as a javascript.

Is there any way i can write the same code on my code behind.

i.e.

protected

 

void radBtnSaveQuery_Click(object sender, EventArgs e)

 

{
some code.......

 

}
I am looking for that some code...

Shinu
Top achievements
Rank 2
 answered on 18 Jan 2011
6 answers
286 views
I'm have created a custom validator for the RadAsyncUpload control on my form however I'm getting a javascript error that the getUploadedFiles() method doesn't exist for this object. Below is the code I've used

<asp:CustomValidator ID="rfvFileUpload" ClientValidationFunction="validateFileUpload" runat="server" ErrorMessage="File Required" />

function validateFileUpload(sender, args) {
    var uploadObject = $find("<%= RadAsyncUpload1.ClientID %>");
    args.IsValid = uploadObject.getUploadedFiles().length != 0;
}

I'm using the Telerik RadControls for ASP.NET AJAX Q2 2010


Regards,
Victor
support
Top achievements
Rank 1
 answered on 18 Jan 2011
1 answer
128 views
Dear Friends,

I am using Telerik RAD Grid for my ASP.Net site. I have master/detail table implemented with one detail table. I want to display aggregate footer with custom text (Sum of xxx column) and total of all values across all pages for detail table. I am able to achieve it partially using "Aggregate" property on each column of detail table. But with this it display "Sum" or "Count" as the footer text for each aggregate value and only aggregates values for given page. I am not able to find the ItemDataBound or such event for detail table to calculate and replace the aggregate values across the pages or not able to change the footer text for each aggregate column.

Is it possible to achieve?

I am using 2010.2.929.35 version of Telerik.Web.UI.

Appreciate your time and help.

Thanks,
Jitendra
Jitendra Mandalia
Top achievements
Rank 1
 answered on 17 Jan 2011
3 answers
49 views
Hi,

I am also facing the same issue as in below forum thread. Can you please give me the solution

http://www.telerik.com/community/forums/aspnet-ajax/menu/mouse-over-image-not-display-for-first-root-menu.aspx


my Css

/* <RadMenu / Default> */

.RadMenu_UpToDateGreen .rmRootGroup,
.RadMenu_UpToDateGreen a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow,
.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow
{
    background-image: url('/images/EditorialMenu/rmSprite.png');
    background-color: transparent;
    border-width: 0 0 1px;
}

.RadMenu_UpToDateGreen  .rmGroup .rmLink {  
        padding-left: 0px !important;   
     }  
       
    .RadMenu_UpToDateGreen  .rmGroup .rmLink .rmText {  
        padding-left: 5px !important;  
        padding-right: 5px !important;
     }  

.RadMenu_UpToDateGreen .rmRootGroup
{
    /*border: 1px solid #828282;*/
    border: 1px solid #DCE8E8;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #DCE8E8;
}

/* <Root items> */

.RadMenu_UpToDateGreen,
.RadMenu_UpToDateGreen a.rmLink
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #fff;
    text-decoration: none;
}

/*Font for Parent item in Menu */
.parentMenuitemText
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000;
    text-decoration: none;
}

.RadMenu_UpToDateGreen a.rmLink,
.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    background-position: 0 -72px;
}

.RadMenu_UpToDateGreen .rmFirst a.rmLink,
.RadMenu_UpToDateGreen .rmFirst a.rmLink:hover,
.RadMenu_UpToDateGreen .rmLast .rmText,
.RadMenu_UpToDateGreen .rmLast a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen .rmVertical a.rmLink,
.RadMenu_UpToDateGreen .rmVertical .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;   
    
}

.RadMenu_UpToDateGreen .rmVertical .rmFirst,
.RadMenu_UpToDateGreen .rmVertical .rmLast
{
    background: none;
    
}

.RadMenu_UpToDateGreen a.rmLink:hover,
.RadMenu_UpToDateGreen a.rmFocused,
.RadMenu_UpToDateGreen a.rmSelected
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000000 !important;
    text-decoration: none;
    text-align :left;
    background-image: url('/images/EditorialMenu/topnavselected.gif') !important;
    background-color: #7AA8E4;
    background-position :0px 0px;
    
}

.RadMenu_UpToDateGreen .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 3px;
}

.RadMenu_UpToDateGreen .rmHorizontal a.rmRootLink
{
    padding-left: 0;
}

.RadMenu_UpToDateGreen .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
    width: 100%;
}

.RadMenu_UpToDateGreen .rmHorizontal img.rmLeftImage
{
    margin: 4px -4px 0 6px;
}

.RadMenu_UpToDateGreen_rtl .rmHorizontal img.rmLeftImage
{
    margin: 4px 6px 0 -4px;
}

.RadMenu_UpToDateGreen .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmVertical a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    /*border-color: #828282;*/
    border-color: #DCE8E8;
    border-width: 1px 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}

.RadMenu_UpToDateGreen a.rmExpanded,
.RadMenu_UpToDateGreen a.rmExpanded:hover
{
    background-color: #8BC0B8; /* Parent Item background on subitem mouse hover */
}

.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}

/* </Root items> */


/* <Submenu items> */
div.RadMenu .rmLink .rmText
{
    margin: 0;
    padding: 5;
    padding-right :10px;
}

.RadMenu_UpToDateGreen .rmGroup,
.RadMenu_UpToDateGreen .rmMultiColumn,
.RadMenu_UpToDateGreen .rmGroup .rmVertical
{
    /*border: 1px solid #979797;*/
    /*border: 1px solid #000000;*/
     border: 1px solid #979797 !important; 
     background: #f0f0f0 !important;
    background: #D8E4E4 url('/images/EditorialMenu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('/images/EditorialMenu/rmVSprite.png');
    background-color: #DCE8E8;
    background-repeat: repeat-y;
}

* html .rmRoundedCorners_UpToDateGreen .rmGroup .rmItem,
* html .rmRoundedCorners_UpToDateGreen ul.rmHorizontal .rmFirst
{
    background-image: url('/images/EditorialMenu/rmVSprite.png');
    background-color: #8BC0B8;
    background-repeat: repeat-y;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmItem,
* html .rmRoundedCorners_UpToDateGreen .rmHorizontal .rmItem,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmVertical
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn
{
    background-color: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmBottomLeft,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('/images/EditorialMenu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer,
* html .rmRoundedCorners_UpToDateGreen .rmGroup ul.rmGroup,
* html .rmRoundedCorners_UpToDateGreen ul.rmGroup
{
    background-image:  url('/images/EditorialMenu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopRight,
.RadMenu_UpToDateGreen .rmBottomRight
{
    background-image:  url('/images/EditorialMenu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_UpToDateGreen .rmGroup .rmFirst
{
    border-color: #979797;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

.RadMenu_UpToDateGreen_rtl .rmBottomLeft,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl ul.rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('/images/EditorialMenu/rmRoundedLeft_rtl.png');
}

.RadMenu_UpToDateGreen_rtl .rmTopRight,
.RadMenu_UpToDateGreen_rtl .rmBottomRight
{
    background-image: url('/images/EditorialMenu/rmRoundedRight_rtl.png');
}

.RadMenu_UpToDateGreen_rtl li.rmTopFix,
.RadMenu_UpToDateGreen_rtl li.rmBottomFix,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}

.RadMenu_UpToDateGreen .rmSlide .rmScrollWrap
{
    background-image: none;
}

.RadMenu_UpToDateGreen_rtl .rmGroup,
.RadMenu_UpToDateGreen_rtl .rmMultiColumn,
.RadMenu_UpToDateGreen_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}

.RadMenu_UpToDateGreen .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}

.RadMenu_UpToDateGreen .rmRootGroup .rmHorizontal
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmScrollWrap .rmVertical
{
    border: 0;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer li.rmItem
{
    background: none;
}

.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_UpToDateGreen .rmGroup .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('/images/EditorialMenu/rmSprite.png');
    background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_UpToDateGreen_rtl a.rmLink,
.RadMenu_UpToDateGreen_rtl .rmRootGroup a.rmDisabled
{
    background-position: 100% -96px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmDisabled
{
    background: none;
}

.RadMenu_UpToDateGreen_rtl .rmText
{
    background-position: 0 -96px;
}

.RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup .rmExpandLeft
{
    background-position: 0 -312px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Default - specific, overlapping submenus)> */

.RadMenu_UpToDateGreen .rmSlide
{
    margin: 0 0 0 -1px;
}

.RadMenu_UpToDateGreen .rmVertical .rmSlide,
.RadMenu_UpToDateGreen .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}

.RadMenu_UpToDateGreen_rtl .rmSlide
{
    margin: 0 0 0 0;
}

.RadMenu_UpToDateGreen_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}

.RadMenu_UpToDateGreen_rtl .rmVertical .rmSlide,
.RadMenu_UpToDateGreen_rtl .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow
{
    background-color: #DCE8E8;
}

.RadMenu_UpToDateGreen .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #DCE8E8; }
.RadMenu_UpToDateGreen .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #DCE8E8; }

.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow,
.RadMenu_UpToDateGreen .rmGroup .rmLeftArrow,
.RadMenu_UpToDateGreen .rmGroup .rmRightArrow
{
    background-color: #DCE8E8;
}

.RadMenu_UpToDateGreen .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #DCE8E8; }
.RadMenu_UpToDateGreen .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #DCE8E8; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_UpToDateGreen .rmHorizontal .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
    /*background-color: #A8A8A8;*/
    background-color: #000000;
}

.RadMenu_UpToDateGreen_Context .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / Default> */
Kate
Telerik team
 answered on 17 Jan 2011
1 answer
39 views
I have an interesting problem that I'm not sure I can solve with a RadGrid, but I thought I'd give it a shot. I have a strongly-typed list of objects which I would like to display in a hierarchical grid. I'm using the NeedDataSource event to set the DataSource property of the RadGrid to the list. In the master table, I'd like to list each distinct AcctNo, and in the detail grid I'd like to display SerialNo, and Amount. Basically, it's a grouping operation, but the following scenario prevents me (unless I've missed something) from using grouping expressions.

The column editor of AcctNo is a RadComboBox, which contains values and associated formatting. When displayed in a grid, the display text of the combo box ensures that the values are formatted correctly. However, the formatting is not done with a format string. The RadComboBox is actually bound to a secondary list of objects (different than the ones displayed in the grid), each of which has a property which explicitly defines what the display text should be based on the contents of the object. When I use grouping expressions, the value that is displayed in the grid for AcctNo is the raw value from the grid object instead of the formatted value from the combo box object, I assume because of the difference in structure. It appears that, when grouping, the cell which contains each AcctNo is no longer represented by the RadComboBox, but only by the raw value of the grid object.

If there is a way around this difficulty, please tell me what I can do. Otherwise, I thought about displaying the grid as a hierarchy instead of a grouped grid, where the master records would only contain AcctNo, and each detail grid would be those objects which have AcctNo equal to the master record value. However, I don't think I quite understand how this will work, since it appears that hierarchical grids assume a list-within-a-list object structure, whereas I only have a 1-dimensional list. Following is the code I have so far for my grid. It does not work, but, again, I'm not real sure of the syntax.

<telerik:RadGrid ID="grdPPExceptions" runat="server" GridLines="None"
    AllowPaging="True" AllowAutomaticUpdates="true"
    AllowAutomaticDeletes="false" AllowAutomaticInserts="false"
    AllowSorting="True" AutoGenerateColumns="False" AllowMultiRowEdit="false">
    <MasterTableView CommandItemDisplay="none" AllowSorting="true" TableLayout="Fixed"
        AllowMultiColumnSorting="false" EditMode="InPlace" AutoGenerateColumns="false"
        NoMasterRecordsText="No Positive Pay exceptions today." DataKeyNames="AcctNo,ExceptionID">
        <Columns>
            <telerik:GridDropDownColumn DataField="AcctNo" HeaderText="Account" DataType="System.Int64"
                UniqueName="AcctNo" SortExpression="AcctNo" DataSourceID="odsPPAccounts" Visible="false"
                ListTextField="DisplayNameAcct" ListValueField="FullAcctNo" CurrentFilterFunction="EqualTo">
                <FilterTemplate>
                    <telerik:RadComboBox ID="cboAcctNoFilter" runat="server" DataSourceID="odsPPAccounts"
                        DataTextField="DisplayNameAcct" DataValueField="FullAcctNo" AppendDataBoundItems="true"
                        SelectedValue='<%# CType(Container, GridItem).OwnerTableView.GetColumn("AcctNo").CurrentFilterValue %>'
                        OnClientSelectedIndexChanged="cboAcctNoFilter2_SelectedIndexChanged" Width="140px">
                        <Items>
                            <telerik:RadComboBoxItem Text="(No Filter)" />
                        </Items>
                    </telerik:RadComboBox>
                </FilterTemplate>
                <HeaderStyle Width="160px" HorizontalAlign="Center" />
            </telerik:GridDropDownColumn>
        </Columns>
        <DetailTables>
            <telerik:GridTableView CommandItemDisplay="None" AllowSorting="true" TableLayout="Fixed"
                AllowMultiColumnSorting="false" EditMode="InPlace" AutoGenerateColumns="false"
                NoDetailRecordsText="No Positive Pay exceptions for this account today.">
                <ParentTableRelation>
                    <telerik:GridRelationFields MasterKeyField="AcctNo" DetailKeyField="ExceptionID" />
                </ParentTableRelation>
                <Columns>
                    <telerik:GridNumericColumn DataField="SerialNo" HeaderText="Serial No." DataType="System.Int32"
                        UniqueName="SerialNo" SortExpression="SerialNo" ColumnEditorID="gceSerialNo"
                        AllowFiltering="false">
                        <HeaderStyle Width="90px" HorizontalAlign="Center" />
                        <ItemStyle HorizontalAlign="Right" />
                    </telerik:GridNumericColumn>
                    <telerik:GridNumericColumn DataField="Amount" HeaderText="Amount" DataType="System.Decimal"
                        UniqueName="Amount" SortExpression="Amount" ColumnEditorID="gceAmount"
                        NumericType="Currency" AllowFiltering="false">
                        <HeaderStyle Width="90px" HorizontalAlign="Center" />
                        <ItemStyle HorizontalAlign="Right" />
                    </telerik:GridNumericColumn>
                </Columns>
            </telerik:GridTableView>
        </DetailTables>
    </MasterTableView>
</telerik:RadGrid>


Any ideas would be greatly appreciated.

Thanks in advance!
Josh
Top achievements
Rank 1
 answered on 17 Jan 2011
2 answers
113 views

Can I force the ItemCommand server side event to fire from the client somehow?

Is it a matter of invoking javascript:__doPostBack('MyGridId$ctl00$ctl02$ctl00$RebindGridButton' somehow?

thanks
Roatin Marth
Top achievements
Rank 1
 answered on 17 Jan 2011
1 answer
136 views
Hi I'm looking for a solution which denies the possibilty to float the Dock outside the Dock Layout. Is that possibile?

Thanks in advance for your help.
Luke
Pero
Telerik team
 answered on 17 Jan 2011
2 answers
758 views
I have a simple Rad Grid with a GridButtonColumn in the item template. I have no problems attaching a onclick attribute through code to fire some Javascript on the page using the ItemCreated event.

The problem is that I cannot figure out how to prevent the user click (on a button or link style column) from causing a postback. I can clear the standard postback function with:

button.Attributes.Add("href", "#")

on the ItemDataBound event, but it still does a post back.

Any ideas?

FYI, the javascript set the URL and opens a RadWindow to a page with more details on the item in the grid, but the postback causes an unecessary page refresh and messes up the rad window as well.
Bryan Kowalchuk
Top achievements
Rank 1
 answered on 17 Jan 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
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
Bronze
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?