|
|
Rank: Member
Groups: Member
Joined: 7/7/2009
Posts: 12
|
I have an editor control where I only show the attachment button (and cancel upload button when uploading). When you put your cursor over it...the right side of the button shows the deault cursor...and it lets you click it and pick a file. When I put my cursor over the left half of the button...the cusor displays as a "I" (representing input into a textbox or something) and clicking the button does nothing. Can you help remedy this problem? Here is the portion of code I'm talking about:
<CustomHeaderTemplate>
<eo:ToolBar id="ToolBar1" Width="100%" runat="server" SeparatorImage="00100104" BackgroundImageLeft="00100101"
BackgroundImage="00100103" BackgroundImageRight="00100102">
<DownStyle CssText="border-right: #335ea8 1px solid; padding-right: 2px; border-top: #335ea8 1px solid; padding-left: 4px; padding-bottom: 1px; border-left: #335ea8 1px solid; padding-top: 3px; border-bottom: #335ea8 1px solid; background-color: #99afd4; cursor:hand; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;"></DownStyle>
<HoverStyle CssText="border-right: #335ea8 1px solid; padding-right: 3px; border-top: #335ea8 1px solid; padding-left: 3px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; background-color: #c2cfe5; cursor:hand; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;"></HoverStyle>
<NormalStyle CssText="padding-right: 4px; padding-left: 4px; padding-bottom: 3px; border-top-style: none; padding-top: 3px; border-right-style: none; border-left-style: none; border-bottom-style: none; cursor:hand; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;"></NormalStyle>
<ItemTemplates>
<eo:ToolBarItem Type="Custom">
<HoverStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;"></HoverStyle>
<DownStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;"></DownStyle>
<NormalStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;"></NormalStyle>
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<HoverStyle CssText="border-right: #335ea8 1px solid; padding-right: 3px; border-top: #335ea8 1px solid; padding-left: 3px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; background-color: #c2cfe5; cursor:hand; background-image: url(00100106); background-position-x: right;"></HoverStyle>
<DownStyle CssText="border-right: #335ea8 1px solid; padding-right: 2px; border-top: #335ea8 1px solid; padding-left: 4px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 3px; border-bottom: none; background-color:transparent; cursor:hand; background-image: url(00100105); background-position-x: right;"></DownStyle>
<NormalStyle CssText="padding-right: 4px; padding-left: 4px; padding-bottom: 3px; border-top-style: none; padding-top: 3px; border-right-style: none; border-left-style: none; border-bottom-style: none; cursor:hand; background-image: url(00100105); background-position-x: right;"></NormalStyle>
</eo:ToolBarItem>
</ItemTemplates>
<Items>
<eo:ToolBarItem Text="Add File & Upload" ToolTip="Add Attachment / Upload" ImageUrl="00101059" CommandName="Upload"></eo:ToolBarItem>
<eo:ToolBarItem Text="Cancel Upload" ToolTip="Cancel Upload" ImageUrl="00101059" CommandName="CancelUpload"></eo:ToolBarItem>
</Items>
</eo:ToolBar>
</CustomHeaderTemplate>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
Unfortunately the only valid workaround for this is to reduce the size of the button (shorten the button text in your case). The browse button for the uploader is "borrowed" from a standard HTML file input element. While we can customize how it looks, we can not customize the size of the button. That is not an issue if your button is smaller than the standard browse button because we clip the rest off; But it will give you exactly the problem you encountered when you have a big browse button.
This restriction does not apply to the cancel button.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 7/7/2009
Posts: 12
|
can I change the font size for this button? or use a image instead to get the entire phrase that I want in there?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Certainly. You can customize the toolbar item whatever you would like. See here for more information about how to customize the toolbar item: http://doc.essentialobjects.com/library/1/toolbar/customize.aspxTo customize the toolbar at design time, right click the Editor, then select Edit Template -> CustomHeaderTemplate, then right click the toolbar and select ToolBar Builder. To use a image, you can either clear the toolbar item's Text property so that only the icon is left; or to set the toolbar item's Text to some HTML that includes an image. For example, <imgs rc="whatever_image.gif" />. Thanks!
|
|