Support forums - Toolbar customization

Support forums » Products » Cute Editor for ASP » Re: Toolbar customization

Toolbar customization

Last post 07-06-2005, 6:45 PM by khna. 6 replies.


	Sort Posts: Previous Next

07-03-2005, 8:29 PM 8323

khna
Joined on 07-03-2005
Posts 11

Toolbar customization

Reply Quote

Hello,

Is it possible to set the height and width of the editor in Percent (%)?
Can i change the position of "Seperators" in order to customize the toolbar to fit my site?

Regards

Khna

07-03-2005, 11:30 PM 8326 in reply to 8323

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Toolbar customization

Reply Quote

Khna,

>>Is it possible to set the height and width of the editor in Percent (%)?

yes.

>>Can i change the position of "Seperators" in order to customize the toolbar to fit my site?

Sepatators style are defined in the style sheet file:

<%=editorid%> .separator {background-image: url(images/Separator.gif); height:23px; background-repeat: no-repeat; vertical-align:middle; width:2px;margin-left:2px; margin-right:2px; }

Hope it helps.

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

07-04-2005, 3:58 PM 8345 in reply to 8326

khna
Joined on 07-03-2005
Posts 11

Re: Toolbar customization

Reply Quote

Whenever i try to set the width or height to say 100% i get an error.

Is there a special way to do this?

07-04-2005, 4:14 PM 8346 in reply to 8345

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Toolbar customization

Reply Quote

This is an example:


            <%
                dim content
                content =  "<FONT size=5 color=#2f4f4f>Type here...<a href='#rere'>Hello</a></FONT> <img src='Uploads/Cindy_Crawford.jpg'/>"                
                
                'Create a new editor class object
                Dim editor
                Set editor = New CuteEditor
                
                'Set the ID of this editor class
                editor.ID = "Editor1"
                
                'Set the initial HTML value of editor control
                editor.Text = content
                dim temp_styledropdownMenuNames,temp_styledropdownMenuList,temp_snippetDropDownMenuNames,temp_snippetDropDownMenuList,temp_imagesDropDownMenuNames,temp_imagesDropDownMenuList
                temp_styledropdownMenuNames        = "Heading,Head,Subhead,NormalRed,Comment"
                temp_styledropdownMenuList        = "Heading,Head,Subhead,NormalRed,Comment"
                temp_snippetDropDownMenuNames    = "Contact Info,Copyright"
                temp_snippetDropDownMenuList    = contactstring&",Copyright 2003 Cutesoft.All right seserved."
                temp_imagesDropDownMenuNames    = "Contact us,Hi Canada,Need a tool,Flower,Business,Beautiful Smile,Content tools,Nice Couple"
                temp_imagesDropDownMenuList        = "/uploads/j0182534.jpg,/uploads/j0182611.jpg,/uploads/j0178413.jpg,/uploads/j0313820.jpg,/uploads/PH01956J.jpg,/uploads/j0262681.jpg,/uploads/j0316779.jpg,/uploads/ph01736j.jpg"
                temp_linksDropDownMenuNames        = "CuteSoft,Mail to us,Yahoo.com,Google.com,ASP.NET"
                temp_linksDropDownMenuList        = "Http://www.CuteSoft.net,mailto:[email protected],Http://www.yahoo.com,Http://www.google.com,Http://www.asp.net"
                
                editor.FilesPath = "CuteEditor_Files"
                editor.ImageGalleryPath = "/Uploads"
                
                editor.Width = "100%"
                editor.Height = "100%"
                'editor.ActiveTab = "Edit"
                editor.AllowPasteHtml = false
                'editor.MaxHTMLLength = 12
                editor.RemoveServerNamesFromUrl = true
                editor.EditCompleteDocument = True
                editor.EditorWysiwygModeCss  = "/asp/sample.css"
                editor.StyleDropDownMenuNames = temp_styledropdownMenuNames    
                editor.StyleDropDownMenuList  = temp_styledropdownMenuList
                                        
                editor.CodeSnippetDropDownMenuNames = temp_snippetDropDownMenuNames                                                    
                editor.CodeSnippetDropDownMenuList  = temp_snippetDropDownMenuList
                editor.ImagesDropDownMenuNames        = temp_imagesDropDownMenuNames                                                    
                editor.ImagesDropDownMenuList        = temp_imagesDropDownMenuList
                editor.LinksDropDownMenuNames        = temp_linksDropDownMenuNames                                                    
                editor.LinksDropDownMenuList        = temp_linksDropDownMenuList                                
                                        
                editor.Draw()
    
                ' Retrieve the data from editor: Request.Form("Editor1_HTMLContent") 
        
        %>

07-04-2005, 6:17 PM 8347 in reply to 8346

khna
Joined on 07-03-2005
Posts 11

Re: Toolbar customization

Reply Quote

Thanx it is working now.

One last question regarding customization. I have to accommodate the editor in 300px width inside an iframe. I looked for the files where the Toolbar elements are positioned but couldn't find it. To make it more clear, here is a screenshot of what i want to do:

Can you please tell me which file has to be modified to achieve this and if there is anything i have to be aware of.

I thank you for your excellent support.

Regards

Khna

07-06-2005, 11:23 AM 8411 in reply to 8347

khna
Joined on 07-03-2005
Posts 11

Re: Toolbar customization

Reply Quote

knock knock,

remeber me

07-06-2005, 6:45 PM 8426 in reply to 8411

khna
Joined on 07-03-2005
Posts 11

Re: Toolbar customization

Reply Quote

I finally found it.
All good!