protected void dgPerson_NeedDataSource(object source, GridNeedDataSourceEventArgs e) { dgPerson.DataSource = LocalEntityManager.Context.People; }<telerik:RadGrid ID="dgPerson" runat="server" AllowFilteringByColumn="True" AllowSorting="True" AllowPaging="true" PagerStyle-Mode="NextPrevNumericAndAdvanced" GridLines="None" OnNeedDataSource="dgPerson_NeedDataSource" EnableLinqExpressions="true" ShowStatusBar="true" Skin="Black"> <MasterTableView Name="Person" autogeneratecolumns="False" CommandItemDisplay="Top" datakeynames="PersonID" pagesize="20" EditMode="PopUp" EditFormSettings-PopUpSettings-Modal="false" EditFormSettings-PopUpSettings-Width="950px"> <RowIndicatorColumn> <HeaderStyle Width="20px"></HeaderStyle> </RowIndicatorColumn> <ExpandCollapseColumn> <HeaderStyle Width="20px"></HeaderStyle> </ExpandCollapseColumn> <SortExpressions> <telerik:GridSortExpression FieldName="FullName" SortOrder="Ascending" /> </SortExpressions> <Columns> <telerik:GridBoundColumn DataField="PersonID" DataType="System.Int32" FilterControlWidth="40px" HeaderText="ID" ReadOnly="True" SortExpression="PersonID" UniqueName="PersonID"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn HeaderText="Full Name" SortExpression="FullName" UniqueName="FullName" DataField="FullName" AutoPostBackOnFilter="true" CurrentFilterFunction="StartsWith"> <ItemTemplate><asp:Literal runat="server" ID="litFullName" Text='<%# Eval("FullName") %>'></asp:Literal></ItemTemplate> <EditItemTemplate><asp:TextBox runat="server" ID="txtFullName" Width="300px" Text='<%# Bind("FullName") %>'></asp:TextBox></EditItemTemplate> </telerik:GridTemplateColumn>I am having some problems with the telerik editor templates. For instance, the ImageAndTitle.htmtemplate that came with the editor does not seem to be reading its stylesheet, ImageAndTitle.css. This is a simple template with an image floating to the left and text wrapping around the image.
When the template is previewed, it looks fine, but once it is applied to the editor interface the formatting is lost. I am using the editor with DotnetNuke 5.6.1. My goal is to create a custom template, but I want to understand why this one is not working before I create a custom template.
Below is the code for the ImageAndTitle htmtemplate and css.
Template code:
<div class="template imageandtitle"> <div class="container region content"> <img width="100"; height="100" alt="image placeholder" title="replace with your own image" /> <h3>Type the title here</h3> <p>Type the text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare, nisl ac vehicula volutpat, tellus sem congue sem, et varius ipsum neque in tortor. Curabitur massa nunc, ultricies ac mollis id, varius ac sapien. Duis nec dolor ac velit semper malesuada eget non dolor. Vestibulum mollis ligula vel ipsum lobortis a adipiscing mauris imperdiet.</p> </div> </div>@charset "utf-8"; /* CSS Document with styles necessary for default HtmlEditor HTML "snippet" templates */ /* Styles for ALL Default Templates */ div.template { text-align: left; width: 100%; overflow: auto; } div.template div.container { clear: both; margin: 0; padding: 0; overflow: auto; position: relative; } div.template div.region { padding: 5px; margin: 0; } /* Styles for "Image And Title" template */ div.template.imageandtitle h3 { margin-top: 0; } div.template.imageandtitle img { float: left; margin: 0; margin-right: 10px; }
var eventType = $get("<%=ddlEventType.ClientID %>"); var moveType = $get("<%=ddlMoveType.ClientID %>"); var decorator = Telerik.Web.UI.RadFormDecorator.getDecoratedElement(moveType); if (eventType.options[eventType.selectedIndex].text == "foo") { decorator.style.backgroundColor = "blue"; } else { decorator.style.backgroundColor = "blue"; }I am using a RadWindowManager for 2 different popups on my page. I took the 'black' skin and created my own called "OnlineStore". The first popup is a regular popup window and works fine.
The second popup is a radalert. But I want to change the background to be white rather than the black.
I have tried 2 different RadWindowManagers, and other things.
I have changed the font color and removed the warning symbol on the radalert by adding this to my custom skin:
.RadWindow_OnlineStore .rwWindowContent .radalert { font-weight: 500; color: white; background-image: none !important; /* takes out the yellow triangle warning symbol*/ background-color: White; }
<telerik:RadWindowManager ID="rwm" runat="server" Skin="OnlineStore" EnableEmbeddedSkins="false"> <Windows> <telerik:RadWindow ID="rwAddlOptionsAndEquip" runat="server" NavigateUrl="PnPAddlOptionsEquip.aspx" ShowContentDuringLoad="False" KeepInScreenBounds="true" VisibleTitlebar="true" Title="Additional Services and Equipment" Modal="true" VisibleStatusbar="False" Left="100" Top="55" InitialBehavior="None" Width="999px" height="690px" BorderWidth="1" Behaviors="Close, Move, Resize" > </telerik:RadWindow> </Windows> </telerik:RadWindowManager>