I tried the example provided at:
http://www.telerik.com/community/code-library/aspnet-ajax/grid/setting-100-height-and-resize-on-container-resize-for-grid-with-scrolling-and-static-headers.aspx
And it resizes properly in FF and IE. The included Dll version is 2008.1
If I replace the Dll with version 2009.1 then the resize fails on IE 7. If I expand the window, it resizes properly, but if I reduce the window size, it does not resize properly. The grid remains bigger than the window area.
Both versions work properly on FF.
Thanks.
| private void DefineGridStructure(string VQuery1,string VDataKey1,string VQuery2,string VDataKey2) |
| { |
| string connString = ConfigurationManager.ConnectionStrings["coelbaConnectionString"].ConnectionString; |
| SqlDataSource DataSource1 = new SqlDataSource(connString, VQuery1.ToString()); |
| DataSource1.ID = "SqlDataSource1"; |
| this.PlaceHolder1.Controls.Add(DataSource1); |
| RadGrid RadGrid1 = new RadGrid(); |
| RadGrid1.ID = "RadGrid1"; |
| RadGrid1.DataSourceID = "SqlDataSource1"; |
| RadGrid1.MasterTableView.DataKeyNames = new string[] { VDataKey1 }; |
| RadGrid1.Width = Unit.Percentage(98); |
| RadGrid1.PageSize = 40; |
| RadGrid1.AllowPaging = true; |
| RadGrid1.AllowSorting = true; |
| RadGrid1.PagerStyle.Mode = GridPagerMode.NextPrevAndNumeric; |
| RadGrid1.PagerStyle.Position = GridPagerPosition.TopAndBottom; |
| RadGrid1.PagerStyle.NextPagesToolTip = "Próximas páginas"; |
| RadGrid1.PagerStyle.PrevPagesToolTip = "Páginas anteriores"; |
| RadGrid1.PagerStyle.NextPageText = "Próxima página"; |
| RadGrid1.PagerStyle.PrevPageToolTip = "Página Anterior"; |
| RadGrid1.AutoGenerateColumns = true; |
| RadGrid1.ShowStatusBar = true; |
| RadGrid1.ShowFooter = true; |
| RadGrid1.Skin = "Sunset"; |
| RadGrid1.MasterTableView.PageSize = 40; |
| RadGrid1.MasterTableView.AllowMultiColumnSorting = true; |
| if (VQuery2 != "") |
| { |
| SqlDataSource DataSource2 = new SqlDataSource(connString, VQuery2); |
| DataSource2.ID = "SqlDataSource2"; |
| SessionParameter nummes = new SessionParameter("@nummes", System.Data.DbType.Int32,"nummes"); |
| DataSource2.SelectParameters.Add(nummes); |
| this.PlaceHolder1.Controls.Add(DataSource2); |
| //Detail table - Orders (II in hierarchy level) |
| GridTableView tableViewOrders = new GridTableView(RadGrid1); |
| tableViewOrders.DataSourceID = "SqlDataSource2"; |
| tableViewOrders.Width = Unit.Percentage(100); |
| tableViewOrders.DataKeyNames = new string[] { VDataKey2 }; |
| tableViewOrders.AutoGenerateColumns = true; |
| GridRelationFields relationFields = new GridRelationFields(); |
| relationFields.MasterKeyField = VDataKey1; |
| relationFields.DetailKeyField = VDataKey1; |
| tableViewOrders.ParentTableRelation.Add(relationFields); |
| RadGrid1.MasterTableView.DetailTables.Add(tableViewOrders); |
| } |
| this.PlaceHolder1.Controls.Add(RadGrid1); |
| } |
| DefineGridStructure("exec sp_totalAnoMes", "nummes", "exec sp_relPorData", "datakey"); |
*CANCEL THIS POST FOUND ANOTHER EXISTING POST WITH ANSWER*
I have <add key="Telerik.FormDecorator.EnableEmbeddedSkins" value="false"/> in my webconfig
and have copied the FormDecorator.Telerik.css (and it's images) to my solution as Button.Telerik.css and have registered this file in my page. I am able to make the font Bold, and also change color.
I am not able to make my button font become
font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;
font-size: 8pt !important;
or
font: 'Segoe UI' !important;
font-size: 8pt !important;
Can font and size be changed on buttons?
This is what I have for buttons in FormDecorator.Telerik.css:
| /* START OF BUTTON SETTINGS */ | |
| a.radfd_Telerik, a.radfd_Telerik span | |
| { | |
| background-image: url(Button/ButtonSprites.gif); | |
| color: #000000; | |
| font: 'Segoe UI'; | |
| font-size: 16pt; | |
| /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/ | |
| /*font-size: 8pt !important;*/ | |
| } | |
| a.radfd_Telerik.radfdInputDisabled:hover span | |
| { | |
| color: #7d7d7d !important; | |
| font-weight: normal !important; | |
| } | |
| a.radfd_Telerik | |
| { | |
| padding-left: 4px; | |
| } | |
| a.radfd_Telerik:hover span | |
| { | |
| color: #000000; | |
| font-weight: bold !important; | |
| /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/ | |
| /*font-size: 8pt !important;*/ | |
| } | |
| a.radfd_Telerik .radfdInnerSpan | |
| { | |
| margin-right: 4px; | |
| background-position: 0 -21px; | |
| } | |
| /* clicked button styles */ | |
| a.radfd_Telerik.radfd_Clicked | |
| { | |
| background-image: url(Button/ButtonSprites.gif); | |
| background-position: 0 -42px; | |
| background-repeat: no-repeat; | |
| } | |
| a.radfd_Telerik.radfd_Clicked span, | |
| a.radfd_Telerik.radfd_Clicked:hover span | |
| { | |
| background-image: url(Button/ButtonSprites.gif); | |
| color: #000000; | |
| /*font-family: 'Segoe UI' , 'Arial' , 'Helvetica' , 'sans-serif' !important;*/ | |
| /*font-size: 8pt !important;*/ | |
| font-weight: bold !important; | |
| } | |
| a.radfd_Telerik.radfd_Clicked .radfdInnerSpan | |
| { | |
| background-position: 0 -63px; | |
| background-repeat: repeat-x; | |
| } | |
| a.radfd_Telerik.radfd_Clicked .radfdOuterSpan | |
| { | |
| background-position: right -42px; | |
| background-repeat: no-repeat; | |
| } | |
| /* end of clicked button styles */ | |
| /* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */ | |
| a.radfdSkinnedFormButton.radfd_Telerik | |
| { | |
| -moz-user-select: none !important; | |
| outline: none !important; | |
| text-decoration: none !important; | |
| cursor: default !important; | |
| text-align: center !important; | |
| background-color: transparent !important; | |
| border: 0 !important; | |
| display: inline-block !important; | |
| /*width: auto !important;*/ | |
| } | |
| /* END OF BUTTON SETTINGS */ | |


