I'm currently using the following styles within my css file to style on combobox on a given page. I want to add another combobox with different styles (defined in a css file too).  How would I go about doing this?  Would this require me making my own custom skin?

div.RadComboBox_Default table .rcbInputCell input  {      font:14px arial,verdana,sans-serif !important;      padding: 5px 0 0 10px !important; }     .rcbInputCell { border-color: #bebebe !important; border-bottom-width: 2px !important; }
.rcbArrowCell { border-color: #bebebe !important; border-bottom-width: 2px !important; }   .rcbInput  {      height: 22px !important;      font-family: Arial;     font-size: 36px; } 
.rcbEmptyMessage  { color: Gray !important; }

I have a RadTreeView that I would like to render the html for so that I can put it in an email.  When I try to call the tree's RenderControl Method I get an error:

Script control 'TOCTree' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().
Parameter name: scriptControl

Here is the code.

 

protected void btnEmail_Click(object sender, EventArgs e)

 

{

 

    StringBuilder sb = new StringBuilder();

 

 

    StringWriter sw = new StringWriter(sb);

 

 

    HtmlTextWriter tw = new HtmlTextWriter(sw);

 

 

 

    

 

    //render the table of contents tree
    TOCTree.RenderControl(tw); //error on this line

 

}

I've tried a lot of things but I can't seem to get rid of this error.  Please help.

Hi,

I have a radpanelbar and  programatically added 3 panelitems to it

<telerik:radpanelbar id="RadPanelBar1" runat="server" 

enableembeddedskins="false" ExpandMode="FullExpandedItem"

cssclass="RadPanelBar_Default" width="100%" style="overflow:hidden"

Height="100%"></telerik:radpanelbar>

 Each panleitems  has an iframe.When the window is resized to a particular size smaller then (Any X 600) the vertical scrollbar of panelitem is shown up above the iframe scroll bar and i am not able to scroll to the end of iframe by dragging the thumb or clicking the up and down arrows of the scroll bar .It works fine when I scroll using up and down keys and mouse scroll.
setting the style="overflow:hidden for radpanelbar did not work for me...

Thanks,
chanti

 

Hi all,

telerik controls does not support the good look and feel design. when runnig on firefox,IE,Safari it does not support the design.
Is there any way to design the page with this controls , please let me know immediately.
Lenin

Hi Guys

I have a little question about the RadUpload. I found the following Control:

http://samples.dart.com/FileUpload_Online/sample4.aspx

I really like the possibility to select more than just one file and upload them with one click. Because the homepage I’m working on has a gallery module and it isn’t really user friendly if they have to select each picture in an upload control to upload.

Now I was wondering if it is somehow possible to do something similar with your RadUpload. Thanks for the answer.

Hi,

I have a requirement to stop a node click causing a submission, under some circumstances.

So I call the following function onClientNodeClicked

function

 

CheckForSave(sender, eventArgs)

 

{

    eventArgs.set_cancel(

true);

 

}

However I get an error: Object does not support this property or method - suggesting set_cancel no longer exists.

Anyone know how I can cancel this node posting?

Thanks

JC

Sorry for the big post but I am having some troubles with the css of my grid and I am unable to figure out what is wrong.

when my grid is loaded my mastertable seems to be shifted a little to the right and there seems to be a div underneath. That is I see some empty space before my grid header starts.

Name Employer/Title EMail/Website Phone Preferred Address Susan (Susan) Spouse: John (John) Senior Project Manager abc@gmail.com Direct Line : (503)414-7082 Business Fax : (503)238-1621 125 NW Couch Street Portland, OR 97209   John (John) ContactType: Person Type: Staff Spouse: Susan (Susan) Executive Vice President abc@gmail.com Business : (503)276-1592 Business Fax : (503)213-5885 30 NW 11th Avenue Portland, OR 97209   Return to top

It's not visible in this screen shot but the space is to the left of the header.

Also, all my data is towards the right of the cell ... I want it to be center aligned but unable to achieve that with my css.

My css looks like this

 

/* Telerik RadGrid Telerik / embedded skin */

 

 

 

.RadGrid_MLightning

 

 

 

{

 

 

background: #F9F9F9;

 

 

 

border: solid 1px #b1b1b1;

 

 

 

scrollbar-face-color: #E9E9E9;

 

 

 

scrollbar-highlight-color: white;

 

 

 

scrollbar-shadow-color: #E9E9E9;

 

 

 

scrollbar-3dlight-color: #DBDBDB;

 

 

 

scrollbar-arrow-color: #787878;

 

 

 

scrollbar-track-color: #F5F5F5;

 

 

 

scrollbar-darkshadow-color: #AEAEAE;

 

}

 

 

 

.RadGrid_MLightning

 

,

 

 

 

 

.RadGrid_MLightning

 

table,

 

 

 

 

.GridFilterMenu_MLightning

 

table

 

 

 

 

{

 

 

font: normal 11px Arial, Verdana, Sans-serif;

 

 

}

 

 

 

.MasterTable_MLightning

 

 

 

{

 

 

border: 0px !important;

 

 

 

border-collapse: separate !important;

 

 

 

color: #000;

 

 

 

 

/*-moz-user-select: none;*/ /*disables text selecting in Firefox to combat unpleasant visual appearance*/

 

 

 

 

}

 

 

 

.MasterTable_MLightning

 

th,

 

 

 

 

.MasterTable_MLightning

 

td

 

 

 

 

{

 

 

padding-left:1px;

 

 

 

padding-right:1px;

 

}

 

 

 

.MasterTable_MLightning

 

th

 

 

 

 

{

 

 

text-align: left;

 

}

 

 

 

.RadGrid_MLightning

 

td,

 

 

 

 

.RadGrid_MLightning

 

td a

 

 

 

 

{

 

 

color: #000;

 

}

 

 

 

th.GridHeader_MLightning

 

, th.ResizeHeader_MLightning

 

 

 

 

{

 

 

background: #000033 repeat-x 0 100%;

 

 

 

border-right: solid 1px #FFFFFF;

 

 

 

border-bottom: solid 1px #000033;

 

 

 

height: 16px;

 

}

 

 

 

th.GridHeader_MLightning

 

,

 

 

 

 

th.ResizeHeader_MLightning

 

 

 

{

 

 

padding-left:1px;

 

}

 

 

 

.GridHeader_MLightning

 

a

 

 

 

 

{

 

 

color: #ffffff;

 

 

 

text-decoration: none;

 

}

 

 

 

td.GridHeader_MLightning

 

input

 

 

 

 

{

 

 

float: left;

 

 

 

border: solid 1px #666;

 

 

 

background: #fafafa;

 

 

 

font: bold 10px Verdana, Arial, Sans-serif;

 

 

 

color: #989cb0;

 

 

 

height: 14px;

 

 

 

vertical-align:middle;

 

}

 

 

 

 

 

.GridFilterRow_MLightning

 

td

 

 

 

 

{

 

 

border-left:1px solid #f9f9f9;

 

 

 

background-color: #6dabaa;

 

 

 

/*text-align: center;*/

 

 

 

 

 

 

border-collapse: collapse;

 

 

 

empty-cells: hide;

 

}

 

 

 

.GridRow_MLightning

 

td,

 

 

 

 

.GridAltRow_MLightning

 

td,

 

 

 

 

.SelectedRow_MLightning

 

td,

 

 

 

 

.ActiveRow_MLightning

 

td,

 

 

 

 

.GridEditRow_MLightning

 

td

 

 

 

 

{

 

 

padding-top:4px;

 

 

 

padding-bottom:4px;

 

}

 

 

 

.GridRow_MLightning

 

td

 

 

 

 

{

 

 

border-top: solid 1px #ececec;

 

 

 

border-bottom: solid 1px #fff;

 

 

 

border-left: solid 1px #f1f1f1;

 

 

 

white-space: pre;

 

 

 

/*text-align: center;*/

 

 

 

 

}

 

 

 

.GridAltRow_MLightning

 

 

 

{

 

 

background: #f1f1f1;

 

}

 

 

 

.GridAltRow_MLightning

 

td

 

 

 

 

{

 

 

border-top: solid 1px #eaeaea;

 

 

 

border-left: solid 1px #f1f1f1;

 

 

 

border-bottom: solid 1px #fefefe;

 

 

 

white-space: pre;

 

 

 

 

/*text-align: center;*/

 

 

 

 

}

 

 

 

.SelectedRow_MLightning

 

 

 

{

 

 

background: #707070 url( '../../App_Themes/UTC/Grid/selectedRow.gif' ) repeat-x 50% bottom;

 

}

 

 

 

.SelectedRow_MLightning

 

td

 

 

 

 

{

 

 

border-top: solid 1px #eaeaea;

 

 

 

border-left: none;

 

 

 

border-bottom: solid 1px #83c60b;

 

 

 

padding-left:4px;

 

}

 

 

 

.GridEditRow_MLightning

 

 

 

{

 

 

background-color: #ffffe1;

 

}

 

 

 

.GridEditRow_MLightning

 

input

 

 

 

 

{

 

 

font-size: 11px;

 

}

 

 

 

.ActiveRow_MLightning

 

 

 

{

 

 

background: #edf2d9;

 

}

 

 

 

.ActiveRow_MLightning

 

td,

 

 

 

 

.GridEditRow_MLightning

 

td

 

 

 

 

{

 

 

border-top: solid 1px #eaeaea;

 

 

 

border-left: solid 1px #eaeaea;

 

 

 

border-bottom: solid 1px #fefefe;

 

}

 

 

 

.GridRowOver_MLightning

 

 

 

{

 

 

background:none #fff;

 

}

 

 

 

.GridPager_MLightning

 

 

 

{

 

 

background: #707070;

 

 

 

color: #ffffff;

 

 

}

 

 

 

.GridPager_MLightning

 

td

 

 

 

 

{

 

 

border: solid 1px #fff;

 

 

 

border-top: 1px solid #c7c7c7;

 

 

 

border-right:0;

 

 

 

color: #999;

 

 

 

padding-top:2px;

 

 

 

padding-bottom:2px;

 

 

}

 

 

 

.GridPager_MLightning

 

td div

 

 

 

 

{

 

 

padding-left:0px;

 

 

 

color: #ffffff;

 

}

 

 

 

.GridPager_MLightning

 

td a

 

 

 

 

{

 

 

padding-left:1px;

 

 

 

color: #ffffff;

 

}

 

 

 

.GridPager_MLightning

 

td a:hover,

 

 

 

 

.GridFooter_MLightning

 

td a:hover

 

 

 

 

{

 

 

color: #333;

 

}

 

 

 

.PagerLeft_MLightning

 

*,

 

 

 

 

.PagerRight_MLightning

 

*,

 

 

 

 

.PagerCenter_MLightning

 

*

 

 

 

 

{

 

 

vertical-align:middle;

 

}

 

 

 

.PagerLeft_MLightning

 

,

 

 

 

 

.PagerRight_MLightning

 

,

 

 

 

 

.sliderPagerLabel_MLightning

 

 

 

{

 

 

line-height:17px;

 

 

 

padding-top:2px;

 

}

 

 

 

.PagerLeft_MLightning

 

 

 

{

 

 

float:left;

 

}

 

 

 

.PagerRight_MLightning

 

,

 

 

 

 

.sliderPagerLabel_MLightning

 

 

 

{

 

 

float:right;

 

 

 

padding-right:4px;

 

}

 

 

 

.GridPager_MLightning

 

.radslider

 

 

 

 

{

 

 

float:left;

 

}

 

 

 

.GridPager_MLightning

 

img

 

 

 

 

{

 

 

border:0;

 

}

 

 

 

.GridPager_MLightning

 

.radInput_MLightning

 

 

 

 

{

 

 

vertical-align:middle;

 

}

 

 

 

.PagerCenter_MLightning

 

 

 

{

 

 

display:block;

 

 

 

text-align:center;

 

}

 

 

 

.GridFooter_MLightning

 

 

 

{

 

 

background: #6dabaa;

 

 

 

height: 16px;

 

 

 

color: #666;

 

 

 

line-height: 10px;

 

}

 

 

 

.GridFooter_MLightning

 

td

 

 

 

 

{

 

 

border: solid 2px #6dabaa;

 

 

 

border-top: 1px solid #6dabaa;

 

 

 

border-left: 7px solid #6dabaa;

 

 

 

border-right: 7px solid #6dabaa;

 

}

 

 

 

.GridFooter_MLightning

 

td a

 

 

 

 

{

 

 

color: #666;

 

}

 

 

 

tr.GroupHeader_MLightning

 

 

 

{

 

 

background: white;

 

 

 

height: 22px;

 

}

 

 

 

tr.GroupHeader_MLightning

 

td

 

 

 

 

{

 

 

border-left:1px solid #fff;

 

 

 

border-right:0;

 

 

 

border-bottom: solid 1px #c2c2c2;

 

}

 

 

 

.GroupHeader_MLightning

 

td div div{top:-0.5em;}

 

 

 

 

*

 

html .GroupHeader_MLightning td div div{top:0.4em;}

 

 

 

 

*+html

 

.GroupHeader_MLightning td div div{top:0.4em;}

 

 

 

 

.GroupHeader_MLightning

 

td div div div{top:0;}

 

 

 

 

 

 

.GroupPanel_MLightning

 

 

 

{

 

 

background-color: #e8e8e8;

 

 

 

width: 100%;

 

 

 

border-collapse: collapse;

 

 

 

border-bottom: 1px solid #b1b1b1;

 

}

 

 

 

.GroupPanel_MLightning

 

td

 

 

 

 

{

 

 

padding: 2px 4px;

 

}

 

 

 

.GroupPanelItems_MLightning

 

 

 

{

 

 

background: #efefef;

 

 

 

color: #999999;

 

 

 

border: solid 1px white;

 

 

 

border-right: solid 1px #c6c6c6;

 

 

 

border-bottom: solid 1px #c6c6c6;

 

 

 

white-space: nowrap;

 

 

 

font-size: 11px;

 

}

 

 

 

.TopReorderIndicator_MLightning

 

 

 

{

 

 

background: url('../../App_Themes/UTC/Grid/MoveDown.gif') no-repeat;

 

}

 

 

 

.BottomReorderIndicator_MLightning

 

 

 

{

 

 

background: url('../../App_Themes/UTC/Grid/MoveUp.gif') no-repeat;

 

}

 

 

 

.GridFilterMenu_MLightning

 

 

 

{

 

 

cursor:default;

 

 

}

 

 

 

.GridFilterMenu_MLightning

 

.GridFilterMenuSelectColumn_MLightning,

 

 

 

 

.GridFilterMenu_MLightning

 

.GridFilterMenuTextColumn_MLightning

 

 

 

 

{

 

 

padding:3px 4px;

 

}

 

 

 

.GridFilterMenu_MLightning

 

.GridFilterMenuSelectColumn_MLightning

 

 

 

 

{

 

 

background:#f9f9f9;

 

 

 

text-align:center;

 

}

 

 

 

.GridFilterMenu_MLightning

 

.GridFilterMenuTextColumn_MLightning

 

 

 

 

{

 

 

background:#fff;

 

 

 

color:#333;

 

}

 

 

 

.GridFilterMenu_MLightning

 

.GridFilterMenuHover_MLightning

 

 

 

 

{

 

 

background:#c1f320;

 

}

 

 

 

/*AJAX Loading*/

 

 

 

.GridLoadingTemplate_MLightning

 

 

 

{

 

 

background:#fff !important;

 

 

 

font:normal 24px/54px arial,sans-serif;

 

 

 

color:#b5ea0e;

 

}

 

 

 

/* rtl support */

 

 

 

.RadGridRTL_MLightning

 

th,

 

 

 

 

.RadGridRTL_MLightning

 

td

 

 

 

 

{

 

 

text-align:right;

 

}

 

 

 

.RadGridRTL_MLightning

 

.PagerLeft_MLightning,

 

 

 

 

.RadGridRTL_MLightning

 

.GridPager_MLightning .radslider

 

 

 

 

{

 

 

float:right;

 

}

 

 

 

.RadGridRTL_MLightning

 

.PagerRight_MLightning,

 

 

 

 

.RadGridRTL_MLightning

 

.sliderPagerLabel_MLightning

 

 

 

 

{

 

 

float:left;

 

}

 

 

 

.GridCommandRow_MLightning

 

 

 

{

 

 

background-color: #6dabaa;

 

 

 

Color: #ffffff;

 

 

}

Can you tell me what's wrong?

 

I have a RadComboBox that is setup for LoadOnDemand via a WS call.  How do I set the tooltip?  It doesnt look like the RadComboBoxItemData class does not expose this property.

Thanks,

I have a basic MasterPage with nothing in it besides the <asp:ContentPlaceHolder> and <asp:ScriptManager> tags.  I then create a content page and create the tab strip.   All the tabs will display correctly using the masterpage unless I set ScrollChildren="True".  Once I set ScrollChildren="True" then the scroll arrows show up, but the tabs disappear.  There is nothing fancy in either page, just the bare minimum needed to run the tabstrip using a masterpage.

On the contrary if I DO NOT use a master page the tab strip works as expected and I can set ScrollChildren="True". 

Can you please advise on this matter? Thank you.

I have a grid in which I want to display data in two rows for one row.
The second row contains two buttons or a tab control(i still have to decide on that). On click of the button another grid should load below it.

What is the best way of achieving this?