Rank: Member
Groups: Member
Joined: 3/23/2006(UTC) Posts: 14
|
I just downloaded Uploader Suite 8.0.8's trial version. We have been using the older js Image uploader, and we have a few art assets that we would like to reuse. I see in the css files that came with the sdk a few special image embedded into the file: Quote: .iconsBar { edit-descr-icon-active: Embed("./resources/EditDescription_active.png"); edit-descr-icon-inactive: Embed("./resources/EditDescription_inactive.png"); remove-icon-active: Embed("./resources/DeleteIcon_active.png"); remove-icon-inactive: Embed("./resources/DeleteIcon_inactive.png"); rotate-icon-active: Embed("./resources/RotateIcon_active.png"); rotate-icon-inactive: Embed("./resources/RotateIcon_inactive.png"); }
I was wondering if there is any such tags for the AddFiles, Send, and Cancel button? If not, something like that would be extremely useful. Also, I saw a post below that a few month's ago the Add Files button's size could not be changed. Are there any plans to change this? It's very limited in the flash version at the moment.
|
|
|
|
Rank: Advanced Member
Groups: Joined: 7/13/2011(UTC) Posts: 286
Thanks: 6 times Was thanked: 31 time(s) in 31 post(s)
|
Hi Brad,
Do I understand right that you would like to be able to add icons to Flash Uploader buttons and also the whole Flash Uploader appearance to be more customizable?
At the moment we don't have any plans to add such features. I will pass your request to our developers. Thank you. |
Best regards, Pauline Shirykalova Aurigma Technical Support
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
Would be glad to be able to add an image background on the addfilesbutton of the uploadPane too. I can do it in the html5 version but not in the flash one. Would also be glad to be able to completely hide the toppane (heigt=0px)
Ain't there no way to achieve this?
|
|
|
|
Rank: Advanced Member
Groups: Joined: 7/13/2011(UTC) Posts: 286
Thanks: 6 times Was thanked: 31 time(s) in 31 post(s)
|
Hi, To be able to customize your Add more files button I would recommend you to use precompiled theme. As for topPane, you can hide all text on the pane, but not the pane itself: Code:topPane: {
viewComboBoxText: "",
showViewComboBox: false,
titleText: "",
addFilesHyperlinkText:"",
clearAllHyperlinkText: "",
orText: "",
}
|
Best regards, Pauline Shirykalova Aurigma Technical Support
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
Thanks,
For the "Add more files" button of the uploadPane, i use the precompliled theme, but it seems there is no way to add a background image or change it's width/height. Or i havent managed to do so. Is there an equivalent to the .au-upldr-button-list-item of the HTML5 version in the flash one?
Also,i managed to hide the top pan with css and absolute positionning
Also, could you tell me how to prevent the gradient effect on the button's borders?
Thanks for your help
|
|
|
|
Rank: Advanced Member
Groups: Joined: 7/13/2011(UTC) Posts: 286
Thanks: 6 times Was thanked: 31 time(s) in 31 post(s)
|
Hi,
Could you please provide me with your theme CSS code? Thanks. |
Best regards, Pauline Shirykalova Aurigma Technical Support
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
Hi, Here's is how i styled it on the HTML5 version and for now what i manage to achieve in the flash version I need to have the same exact output for both Do you think it will be possible? (So i would like to add an image, change button height and change button border's behaviour) Here's the flash theme's css Code:
/*
* Sample custom theme for Aurigma Flash Uploader
*/
@namespace mx "http://www.adobe.com/2006/mxml";
global
{
background-alpha: 1.0;
font-family: Helvetica;
font-size: 14;
}
/* Global styles */
mx|Button
{
corner-radius: 3;
color: #888888;
}
mx|Panel
{
}
mx|ToolTip
{
font-size: 14;
color: #000000;
}
mx|ProgressBar
{
}
mx|TextArea
{
}
/* Panes */
.uploadPaneBar
{
background-color: #f7f7f7;
color: #888888;
font-weight: bold;
}
.statusBar
{
background-color: #f3f3f3;
background-size: "100%";
}
/* Signs */
.titleText
{
font-size: 28;
padding-left: 6;
padding-top: 5;
padding-bottom: -5;
}
.panelText
{
font-size: 14;
}
.uploadPanelOrText
{
font-size: 14;
padding-left: -8;
padding-right: -8;
}
.htmlLink
{
font-size: 14;
font-weight: normal;
text-decoration:none;
skin: ClassReference(null);
}
.htmlLinkHover
{
font-weight: normal;
font-size: 14;
text-decoration:underline;
skin: ClassReference(null);
}
.statusBarStatusText
{
font-size: 14;
font-weight: bold;
}
.statusBarText0
{
font-size: 14;
padding-top: 7;
}
.statusBarText1
{
font-size: 14;
}
.previewFileNameLabelText
{
font-size: 20;
}
/* Buttons */
.sendButton
{
fill-alphas: 1.0, 1.0;
fill-colors: #f9f9f9, #e3e3e3;
border-color: #bbbbbb;
theme-color: #4f4f4f;
font-family: Helvetica;
font-size: 12;
font-weight:bold;
roll-over-alpha: 1.0;
roll-over-border-color: #bbbbbb;
color: #888888;
text-roll-over-color: #888888;
height: 22;
}
.addFilesButton
{
fill-alphas: 1.0, 1.0;
fill-colors: #f9f9f9, #e3e3e3;
border-color: #bbbbbb;
theme-color: #4f4f4f;
font-family: Helvetica;
font-size: 12;
font-weight:bold;
roll-over-alpha: 1.0;
roll-over-border-color: #bbbbbb;
color: #888888;
text-roll-over-color: #888888;
}
/* TileList styles */
.tileList
{
internal-padding: 0;
border-color: #dbdbdb;
border-style: solid;
border-thickness: 1;
has-descr-icon: Embed("./resources/HasDescription.png");
}
.tilesViewFileNameText
{
font-size: 14;
font-weight: normal;
text-align: left;
border-style: none;
}
.tilesViewParamText
{
font-size: 12;
text-align: left;
}
.tilesViewDescriptionText
{
font-size: 12;
text-align: left;
border-style: none;
}
.iconsViewFileNameText
{
font-size: 16;
font-weight: normal;
text-align: left;
border-style: none;
}
.iconsBar
{
border-style: solid;
padding-top: 4;
vertical-align: bottom;
horizontal-gap: 0;
edit-descr-icon-active: Embed("./resources/EditDescription_active.png");
edit-descr-icon-inactive: Embed("./resources/EditDescription_inactive.png");
remove-icon-active: Embed("./resources/DeleteIcon_active.png");
remove-icon-inactive: Embed("./resources/DeleteIcon_inactive.png");
rotate-icon-active: Embed("./resources/RotateIcon_active.png");
rotate-icon-inactive: Embed("./resources/RotateIcon_inactive.png");
}
/* Edit description window */
.descriptionEditorWindow
{
border-style: solid;
}
.descriptionEditorTextBox
{
text-align: left;
border-style: solid;
}
/* Information bar */
.informationBarText
{
font-style: italic;
}
.informationBarCloseButton
{
corner-radius: 0;
label: "x";
}
/* Other controls */
.uploadProgressBar
{
font-size: 14;
font-weight: normal;
}
.viewComboBox
{
corner-radius: 2;
font-size: 14;
font-weight: normal;
highlight-alphas: 0.2, 0.0;
focus-alpha: 0;
dropdown-style-name: "comboBoxDropDown"
}
|
|
|
|
Rank: Advanced Member
Groups: Joined: 7/13/2011(UTC) Posts: 286
Thanks: 6 times Was thanked: 31 time(s) in 31 post(s)
|
Hi Pierre,
I will check what we can do. I will reply you tomorrow, sorry for this delay. |
Best regards, Pauline Shirykalova Aurigma Technical Support
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
|
|
|
|
Rank: Advanced Member
Groups: Joined: 7/13/2011(UTC) Posts: 286
Thanks: 6 times Was thanked: 31 time(s) in 31 post(s)
|
Hi Pierre,
We tried to set an image to the button. Unfortunately it seems that it is impossible now. I added this bug to our bugtracker. Sorry for the inconvenience. |
Best regards, Pauline Shirykalova Aurigma Technical Support
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
Hi, and wouldn't be possible to add that picture to the element that contains the button (as i did it for the HTML 5 version) Code:
.au-upldr-button-list-item{background-image:url(../../images/addpic.jpg); background-repeat:no-repeat;width:150px;padding-top:85px;}
As you can see here the image is not on the button itself but on the container LI #au-upldr-button-list-item that gets the image here Not possible like this either? Thanks for your help
|
|
|
|
Rank: Advanced Member
Groups: Joined: 5/29/2010(UTC) Posts: 1,310
Thanks: 8 times Was thanked: 111 time(s) in 111 post(s)
|
Hello Pierre,
It is not possible, because Flash uploader is implemented on other platform. Unfortunately, "Add more photos" of Flash uploader cannot be customized. hTML5 uploader is simpler and may be customized via CSS. |
Best regards, Dmitry Obukhov
Technical Support. Aurigma, Inc.
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
Hi,
not even with a paying customization?
Thanks
|
|
|
|
Rank: Advanced Member
Groups: Joined: 5/29/2010(UTC) Posts: 1,310
Thanks: 8 times Was thanked: 111 time(s) in 111 post(s)
|
Unfortunately, no. We do not make custom work for free either for payment. I've already reported about your requirement to our developer team. They are busy on another large project now. Once they finish it, they will work on Upload Suite again (HTML5/Flash uploader). Edited by user Monday, September 17, 2012 7:34:39 PM(UTC)
| Reason: Not specified |
Best regards, Dmitry Obukhov
Technical Support. Aurigma, Inc.
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
Hi,
ok for the image...
what about the other part of the question ... about changing button border's behaviour
how can i remove the gradient on the button borders and set the same behaviour while hovering the button (keep the cborder color as while not hovering)?
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
Also wouldn't it be possible to buy the .fla file for the flash version? (so that we add the picture by ourself)
Thanks
|
|
|
|
Rank: Advanced Member
Groups: Joined: 5/29/2010(UTC) Posts: 1,310
Thanks: 8 times Was thanked: 111 time(s) in 111 post(s)
|
Hello, Quote:how can i remove the gradient on the button borders and set the same behaviour while hovering the button (keep the cborder color as while not hovering)? Please learn Using Precompiled SWF Themes in Flash Uploader section for more information. Quote:Also wouldn't it be possible to buy the .fla file for the flash version? (so that we add the picture by ourself) Unfortunately, we do not sell source files. |
Best regards, Dmitry Obukhov
Technical Support. Aurigma, Inc.
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
I read the "precompiled..." section but didn't manage to change that behaviour.
can you see in the above stylesheet what i do wrong?
|
|
|
|
Rank: Advanced Member
Groups: Joined: 5/29/2010(UTC) Posts: 1,310
Thanks: 8 times Was thanked: 111 time(s) in 111 post(s)
|
I copied your code and created a CSS file with it and I made mxmlc "url" command to compile SWF file with new style: Code:C:\FlexSDK\bin> mxmlc "C:\interpub\wwwroot\iuf\theme\Theme2.css"
Then I tested Flash Uploader setting SWF file as a value of themeUrl property: The theme was applied (see the screenshot I attached). I also attached Theme2.swf file which I got. Please try it. Check which Flex you use to compile SWF file. It should be Flex 4.1.X. Edited by user Wednesday, September 19, 2012 1:28:05 AM(UTC)
| Reason: Not specified File Attachment(s): Dmitry.Obukhov attached the following image(s): |
Best regards, Dmitry Obukhov
Technical Support. Aurigma, Inc.
|
|
|
|
Rank: Member
Groups: Member
Joined: 9/11/2012(UTC) Posts: 15
|
I might have not been clear ... I already compiled the stylesheet with flex 4.1 and also applied the compiled theme... And of course I have the same result as you... but that's not what I asked ...
As you can see in the new theme, the border of the button in the uploadpane as some sort of gradient that disappears when hovering the button... what i want is to remove that, have a "solid without gradient" border... that doesn't change even while hovering it...
Could you help me on this?
|
|
|
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.