Questions on UI for ASP.NET AJAX Forum

5 answers

385 views

Styles do not show in the wysiwyg of a list scenario

Hi Telerik,

Background: We are using MOSS 2007 and version 4.5.0.0 of RAD Editor.

Problem: When using an enhanced rich text field in a list scenario, we are able to add all styles as normal (i.e. paragraph styles, character styles, table styles, etc) and they show up properly when we are editing, however as soon as we ok the content and are now viewing the list item, the styles do not show up anymore. Then if we go back to editing the item, the styles show up again normally in the edit mode. They only do not show up in the wysiwyg. Any ideas?

We are only having this issue in list scenarios. Embedded page content fields and web parts that use the rad editor work fine.

Attachments: Ive attached the following screenshots:

styles showing in edit mode.jpg
styles stripped in wysiwyg.jpg
column settings.jpg

ListToolsFile.xml
<root>

<modules>
    <module name="RadEditorDiagnostics" scriptFile="./ScriptsFolder/RadEditorDiagnostics.js" dockingZone="Bottom" enabled="true" visible="false" />
    <module name="RadEditorTestModule" scriptFile="./ScriptsFolder/RadEditorTestModule.js" dockingZone="Bottom" enabled="true" visible="false" />
    <module name="RadEditorStatistics" dockingZone="Bottom" enabled="true" visible="true" />
    <module name="RadEditorDomInspector" dockingZone="Module" enabled="true" visible="false" />
    <module name="RadEditorNodeInspector" dockingZone="Module" enabled="true" visible="false" dockable="false" />
    <module name="RadEditorHtmlInspector" dockingZone="Module" enabled="true" visible="false" />
    <module name="RadEditorXhtmlValidator" dockingZone="Module" enabled="true" visible="false" dockable="true" />
</modules>

<tools name="BasicToolbar" dockable="true" enabled="true">
    <tool name="FindAndReplace" shortcut="CTRL+F" />
<tool name="Print" shortcut="CTRL+P"/>
<tool name="AjaxSpellCheck" shortcut="F7" />
<tool separator="true" />
    <tool name="Cut" shortcut="CTRL+X" />
    <tool name="Copy" shortcut="CTRL+C" />
<tool name="Paste" shortcut="CTRL+V" />
    <tool name="PasteFromWordNoFontsNoSizes" />
<tool name="FormatStripper" />
    <tool separator="true" />
    <tool name="Undo" shortcut="CTRL+Z" />
    <tool name="Redo" shortcut="CTRL+Y" />
<tool name="RepeatLastCommand" />
    <tool separator="true" />
    <tool name="Zoom" />
</tools>

<tools name="BasicToolbar2" dockable="true" enabled="true">
<tool name="ApplyClass" />
    <tool name="FormatBlock" />
    <tool separator="true" />
    <tool name="Indent" />
    <tool name="Outdent" />
    <tool separator="true" />
<tool name="InsertHorizontalRule" />
<tool name="InsertDate" />
<tool name="InsertTime" />
<tool name="InsertParagraph" />
<tool name="InsertSymbol" />
<tool separator="true" />
<tool name="InsertUnorderedList" />
<tool name="InsertOrderedList" />
</tools>

<tools name="EnhancedToolbar" dockable="true" enabled="true">
<tool name="InsertTable" shortcut="CTRL+T" />
   <tool name="MOSSImageManager" shortcut="CTRL+G" />
   <tool name="MOSSLinkManager" shortcut="CTRL+K" />
   <tool name="Unlink" shortcut="CTRL+SHIFT+K" />
</tools>

<tools name="MossTools3" dockable="true" visible="true" enabled="true">
    <tool name="ModuleManager" />
<tool name="ToggleSource" />
</tools>

<paragraphs>
         <paragraph name="<H1>Heading 1</H1>" value="<H1>" />
         <paragraph name="<H2>Heading 2</H2>" value="<H2>" />
         <paragraph name="<H3>Heading 3</H3>" value="<H3>" />
   <paragraph name="<H4>Heading 4</H4>" value="<H4>" />
   <paragraph name="<H5>Heading 5</H5>" value="<H5>" />
   <paragraph name="<H6>Heading 6</H6>" value="<H6>" />
   <paragraph name="<p>Normal</p>" value="<p>" />
   </paragraphs>

<contextMenus>
    <contextMenu forElement="*">
      <tool name="Cut"/>
      <tool name="Copy"/>
      <tool name="Paste"/>
   <tool name="LinkManager" />
    </contextMenu>
</contextMenus>
</root>

ListConfigFile.xml
<?xml version="1.0" encoding="utf-8" ?>

<configuration>
<property name="ConvertToXhtml">true</property>
<property name="EnableDocking">True</property>
<property name="ShowPreviewMode">False</property>
<property name="StripAbsoluteAnchorPaths">False</property>
<property name="StripAbsoluteImagesPaths">False</property>
<property name="Height">240px</property>
<property name="Width">500px</property>
<property name="Skin">Outlook</property>
<property name="CssFiles">
    <item>/_wpresources/RadEditorSharePoint/4.5.0.0__1f131a624888eeed/RadControls/Editor/CssEditor.css</item>
</property>
<property name="NewLineBr">False</property>
<property name="StripFormattingOnPaste">MSWordRemoveAll,Span,Font</property>
</configuration>

CssEditor.css
/* _lcid="1033" _version="12.0.4518"
    _LocalBinding */
Body
{font-family:Verdana;
font-size:10pt;
}

h1
{
COLOR:#000000;
font-weight:bold;
font-size:16pt;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
}

h2
{
COLOR:#000000;
font-size:14pt;
line-height:24px;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0 5px 0;
}
h3
{
COLOR:#666699;
font-weight:bold;
font-size:12pt;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0 5px 0;
}
h4
{
COLOR:#666699;
font-weight:bold;
font-size:11pt;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0 5px 0;
}
h5
{
COLOR:#666699;
font-weight:bold;
font-size:10pt;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0 5px 0;}
h6
{
COLOR:#FFFFFF;
background-color:#666699;
font-size:9pt;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin: 0px 0 5px 0;}

p
{
COLOR:black;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:9pt;
font-family:Verdana;
margin-bottom:10pt;
margin-top:0pt;
}

/* _lcid="1033" _version="12.0.4518"
_LocalBinding */

.bold
{
font-weight:bold;
color:#000000;
}
.italic
{
font-style: italic;
color:#000000;
}
.small
{
font-size: small;
}

.blue
{
COLOR:#3366CC;
font-weight:bold;
}
.red
{
COLOR:#FF0000;
font-weight:bold;
}
.green
{
COLOR:#009900;
font-weight:bold;
}
OL
{
font-family: Verdana;
font-size: 10pt;
color: #000000;
text-indent: 0;
list-style-type:upper-latin;
margin: 0 10px 0 30px;
padding: 0 0 0px 10px;
}
OL.RomanList
{
font-family: Verdana;
font-size: 10pt;
color: #000000;
text-indent: 0;
list-style-type: lower-roman;
margin: 0 10px 0 30px;
padding: 0 0 0px 10px;
text-transform:none;
}
OL.NumberedList
{
font-family: Verdana;
font-size: 10pt;
color: #000000;
text-indent: 0;
list-style-type:decimal;
margin: 0 10px 0 30px;
padding: 0 0 0px 10px;
}
OL.AbcList
{
font-family: Verdana;
font-size: 10pt;
color: #000000;
text-indent: 0;
list-style-type:lower-alpha;
margin: 0 10px 0 30px;
padding: 0 0 0px 10px;
}

UL
{
font-family: Verdana;
font-size: 10pt;
color: #000000;
text-indent: 0;
line-height: 120%;
list-style-type: disc;
list-style-image: none;
margin: 0 10px 0 15px;
padding: 0 0 0 10px;
word-spacing: 0;
}

UL.LoganBullets
{
font-family: Verdana;
font-size: 10pt;
color: #000000;
text-indent: 0;
line-height: 120%;
list-style-image:url('http://lccintranet/SiteCollectionImages/TheBUZZ/bullet-light-shadow.jpg');
margin: 0 10px 0 15px;
padding: 0 0 0px 10px;
word-spacing: 0;
}
UL.SquareBullets
{
font-family: Verdana;
font-size: 10pt;
color: #000000;
text-indent: 0;
line-height: 120%;
list-style-type: square;
list-style-image:none;
word-spacing: 0;
margin: 0 10px 10px 15px;
padding: 0 0 0px 10px;

}
UL.DiscBullets
{
font-family: Verdana;
font-size: 10pt;
color: #000000;
text-indent: 0;
line-height: 120%;
list-style-type: disc;
list-style-image:none;
word-spacing: 0;
margin: 0 10px 10px 15px;
padding: 0 0 0px 10px;

}
li{
padding: 4px 0 0 0;
}
}
.title-With-Background
{
background-color: #FEDD7A;
margin: 0;
}
IMG.ImageBorder
{
border: 2px solid #666699;
background-color: #FFFFFF;
}

td.TableHeader
{
margin: 10px;
padding: 5px;
color: #333366;
background: #EBF3FF;
text-align: left;
font-size: 10pt;
font-style: normal;
font-family: Arial;
text-transform: capitalize;
font-weight: bold;
border-spacing: 10px;
line-height: 14pt;
vertical-align: top;
}

td.TableEvenRow
{
color: #333333;
background-color: #FFFFFF;
font-size: 10pt;
vertical-align: top;
font-family:Verdana;
margin: 10px;
padding: 5px;

}
td.TableOddRow
{
color: #333333;
background-color: #EFF1F4;
font-size: 10pt;
vertical-align: top;
font-family:Verdana;
margin: 10px;
padding: 5px;
}
td.TableFooter
{
background-color: #EFF1F4;
color: #333366;
font-weight: 600;
font-size: 10pt;
font-family: Arial;
line-height: 11pt;
margin: 10px;
padding: 5px;
}
.small
{
font-size:10px;
}
.yellowBackground
{
background-color:#ffffcc;
}
.waterHeading
{
background-color:#029fe2;
font-size:11pt;
font-weight:bold;
color:white;
}

Thankyou in advance,

Kind regards,
Claudz

WebParts for SharePoint

answered on 13 Nov 2009

1 answer

273 views

Rad Grid Export to Excel formatting

Hello,

I've included an Export to excel feature for my grid, i'm facing few issues

1. I'm unable to add borders for the excel sheet. is it that i can add border for only one edge of the row/column?

    
            BorderStyles border = new BorderStyles();  
        
                            border.Color = Color.Black;  
        
                            border.Weight = 1;  
        
                            border.LineStyle = LineStyle.Continuous;  
        
                            border.PositionType = PositionType.Top;  
        
                            border.PositionType = PositionType.Right;  
        
                            border.PositionType = PositionType.Left;  
        
                            border.PositionType = PositionType.Bottom;  
        
                            style.Borders.Add(border);

I've added the above code inside "RadGrd1_ExcelMLExportStylesCreated", but the excel generated has boder only for the last position type (i.e. border.PositionType = PositionType.Bottom;) the rest are overwritten.

2. I'm trying to dynamically generate the name of the excel, on clik of the export to excel button a file download window is displayed with the name which i've specified and click of "Save" this works fine. But on click of "Open" the excel files has different name (junk values). Also how do we change the sheet names.

    
            string date = System.DateTime.Today.Date.ToString();  
        
            string filename = "Grid Details_" + date;              
        
            RadGrd1.ExportSettings.FileName = filename;  
        
            RadGrd1.MasterTableView.ExportToExcel();

3. The Excel which is generated does not get aligned (i.e. Some texts are getting hidden by the next column), how do i wrap and unwrap the column text through code.

Thanks in advance.
Kavi

Grid

answered on 13 Nov 2009

1 answer

111 views

Top part of master page become invisible when tab key pressed

Hi,
When I press tab key and when the content page get vertically scrolled,the top part of my master page becomes invisible..I find out the problem.It is because wh have set body height=100% in the masterpage.but when i removed that height,the page is not fully strechted.
I have used the radSpitters here.
The code is

    
            <%@ Master Language="VB" CodeFile="Master.master.vb" Inherits="Master" %> 
        
                <style type="text/css">    
        
            html, body, form    
        
            {    
        
            height: 100%;    
        
            width: 100%;  
        
            margin: 0px;    
        
            padding: 0px;    
        
            overflow: hidden;  
        
              }    
        
            </style> 
        
                <div id="topdiv" style="height: 66px;" runat="server">  
        
                       <asp:UpdatePanel ID="alertupdatepanel" runat="server">  
        
                        <div class="topmenu" id="topmenu" runat="server">  
        
                         <ul id="ul1" runat="server">  
        
                          li class="messages"><a href="#">Messages</a></li>  
        
                             </ul> 
        
                           </div> 
        
                            <!--topmenu--> 
        
                            <div class="logout">  
        
                            <a href="logout.aspx" id="lnkLogOut" runat="server">Logout</a> 
        
                            </div> 
        
                            <!--logout--> 
        
                        </div> 
        
                        <!--topdiv--> 
        
                        <div id='content' style="margin: 0 auto; width: 100%; height: 100%; background-color: #FFFFFF; overflow: hidden;">  
        
                            <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" Style="background-color: #FFFFFF; border: none !important" Skin="newstyle" EnableEmbeddedSkins="false" VisibleDuringInit="false">  
        
               <telerik:RadPane ID="LeftPane" runat="server" Width="160px" Height="100%">  
        
                      <div class="leftmenu">  
        
                       <div class="leftmenuinner">  
        
                      <telerik:RadAjaxPanel runat="server" ID="radajaxpanelmenu" Width="160px">  
        
              <telerik:RadPanelBar runat="server" ID="RadPlBMasterMenu" PersistStateInCookie="false" Skin="newstyle" EnableEmbeddedSkins="false">  
        
             <CollapseAnimation Duration="100" Type="None" /> 
        
                <ExpandAnimation Duration="100" Type="InBounce" /> 
        
                     </telerik:RadPanelBar> 
        
                    </telerik:RadAjaxPanel> 
        
                     </div> 
        
                      </div> 
        
               </telerik:RadPane> 
        
                 <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Height="100%" /> 
        
                <telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="none" Height="100%">  
        
                <div id="rightcontent" style="width: 100%">  
        
               <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">  
        
                                        </asp:ContentPlaceHolder> 
        
                                    </div> 
        
                                    <!--rightcontent--> 
        
                                </telerik:RadPane> 
        
                            </telerik:RadSplitter> 
        
                        </div> 
        
            Plz help me..I m very much confused  
        
            Thanks

Plz help me..I m very much confused

Thanks

Splitter

answered on 13 Nov 2009

1 answer

151 views

Multiple selection without checkboxes

Hi,
how can i have a combobox with multi-selection without any checkboxes ? (selected items are highlighted for examples)

Is it something i missed ?

ComboBox

answered on 13 Nov 2009

1 answer

92 views

Pb displaying Designer control

Hello
I have a problem to display Telerik control in design mode en Visual stuio 2008.
I am working on VS2008 (Windows Vista).

Some control my be showed like: Spell Check...
but can't display other like: RadChart, RadComBox, RadAjaxPanel.
It display error like: Failed te create designer ...

Look at the picture attached.

thx to help.

General Discussions

answered on 13 Nov 2009

1 answer

139 views

NumericTextBox - MoveUp/Down step.

I have question to the spinbuttons.

Is there any option that I can set a increase/decrease value by 0.01 or 0.1.

Default is 1.0 - how can I change it if this is available?

Input

answered on 13 Nov 2009

1 answer

88 views

Forcing FormDecorator to include css for control type

I'm creating a plain html table that isn't really suitable for a RadGrid, but I'd like to be able to use the FormDecorator to style my table as if it were a RadGrid.

I've played around with the css classes on the table, and it seems to look fine when I have a RadGrid accompanying the table - however, if I remove the RadGrid, the stylesheet for the RadGrid is no longer included, leading me to believe that the FormDecorator will only include css files for the controls found on that page. No RadGrid, no RadGrid css.

Is it possible to force the FormDecorator to include the RadGrid css file even if there isn't a RadGrid on the page? At the moment I'm creating a RadGrid and hiding it in a hidden div, but I'd prefer a solution where I can remove the RadGrid entirely.

Anyone know if this is possible?

Thanks,
Matt

FormDecorator

answered on 13 Nov 2009

2 answers

95 views

How do you hide the cancel icon

How do you hide the red x cancel image from an InPlace RadGrid form?

Grid

answered on 13 Nov 2009

1 answer

149 views

Grid Headers Text from Database...

Hi,

How can I create the grid row header text and column header text from the values in database as shown below:

	CHC	ROL	PAC	DAC
CHC		12	15	18
ROL			20	20
PAC				25
DAC

Cells in yellow color need to be editable. Price entered by the user will be stored in database.

The DB Table (ROUTEPRICETABLE) is as follows:
RoutePriceID StartCityCode EndCityCode Price
1 CHC ROL

2 CHC PAC

3 CHC DAC

4 ROL PAC

5 ROL DAC

6 PAC DAC

So the price field data which is editable will go into db field Price. I would really appreciate if you could make a small sample for showing how to do it? I am using RadGrid for telerik controls version .net 3.5. with sql server 2005.

Thanks
Syed.

So the price field data which is editable will go into db field Price. I would really appreciate if you could make a small sample for showing how to do it? I am using RadGrid for telerik controls version .net 3.5. with sql server 2005. ThanksSyed.

Grid

answered on 13 Nov 2009

9 answers

419 views

RadGrid Drag and Drop Between Grids

Hello,

First off I want to thank you for the great tools and functionality that Telerik delivers.

Now on to my problem/question.

I am using the code from http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx to the tee except for the database it is pulling from. This demo allows you to drag and drop from the left table to the right table. I want to be able to drag and drop between the two grids.

How would I go about this functionality. I have read the forums quite extensively and haven't found a simple solution.

Any help would be greatly appreciated.

Grid

answered on 13 Nov 2009