Welcome Guest! You need to login or register to make posts.

Notification

Icon
Error

2 Pages12>
Options
Go to last post Go to first unread
bdavi19  
#1 Posted : Thursday, June 7, 2012 9:51:24 AM(UTC)
bdavi19

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.
p.shirykalova  
#2 Posted : Thursday, June 7, 2012 8:44:01 PM(UTC)
p.shirykalova

Rank: Advanced Member

Groups: Member
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
ppa  
#3 Posted : Tuesday, September 11, 2012 3:22:43 AM(UTC)
ppa

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?
p.shirykalova  
#4 Posted : Wednesday, September 12, 2012 12:15:32 AM(UTC)
p.shirykalova

Rank: Advanced Member

Groups: Member
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
ppa  
#5 Posted : Wednesday, September 12, 2012 1:23:52 AM(UTC)
ppa

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
p.shirykalova  
#6 Posted : Wednesday, September 12, 2012 1:37:28 AM(UTC)
p.shirykalova

Rank: Advanced Member

Groups: Member
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
ppa  
#7 Posted : Wednesday, September 12, 2012 2:09:07 AM(UTC)
ppa

Rank: Member

Groups: Member
Joined: 9/11/2012(UTC)
Posts: 15

Hi,

Here's is how i styled it on the HTML5 version
UserPostedImage
and for now what i manage to achieve in the flash version
UserPostedImage

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"
}



p.shirykalova  
#8 Posted : Wednesday, September 12, 2012 2:44:12 AM(UTC)
p.shirykalova

Rank: Advanced Member

Groups: Member
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
ppa  
#9 Posted : Wednesday, September 12, 2012 3:57:20 AM(UTC)
ppa

Rank: Member

Groups: Member
Joined: 9/11/2012(UTC)
Posts: 15

Thanks Pauline
p.shirykalova  
#10 Posted : Friday, September 14, 2012 12:05:37 AM(UTC)
p.shirykalova

Rank: Advanced Member

Groups: Member
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
ppa  
#11 Posted : Monday, September 17, 2012 1:22:26 AM(UTC)
ppa

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
Dmitry.Obukhov  
#12 Posted : Monday, September 17, 2012 2:34:41 AM(UTC)
Dmitry.Obukhov

Rank: Advanced Member

Groups: Member
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.
ppa  
#13 Posted : Monday, September 17, 2012 3:44:40 AM(UTC)
ppa

Rank: Member

Groups: Member
Joined: 9/11/2012(UTC)
Posts: 15

Hi,

not even with a paying customization?

Thanks
Dmitry.Obukhov  
#14 Posted : Monday, September 17, 2012 7:31:48 PM(UTC)
Dmitry.Obukhov

Rank: Advanced Member

Groups: Member
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.
ppa  
#15 Posted : Monday, September 17, 2012 11:27:15 PM(UTC)
ppa

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)?
ppa  
#16 Posted : Monday, September 17, 2012 11:29:49 PM(UTC)
ppa

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
Dmitry.Obukhov  
#17 Posted : Tuesday, September 18, 2012 3:13:03 AM(UTC)
Dmitry.Obukhov

Rank: Advanced Member

Groups: Member
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.
ppa  
#18 Posted : Tuesday, September 18, 2012 5:17:45 AM(UTC)
ppa

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?
Dmitry.Obukhov  
#19 Posted : Wednesday, September 19, 2012 1:25:54 AM(UTC)
Dmitry.Obukhov

Rank: Advanced Member

Groups: Member
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:
Code:
themeUrl: 'Theme2.swf',

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):
Theme2.zip (34kb) downloaded 0 time(s).
Dmitry.Obukhov attached the following image(s):
FlashUploader.PNG
Best regards,
Dmitry Obukhov
Technical Support. Aurigma, Inc.
ppa  
#20 Posted : Thursday, September 20, 2012 3:19:23 AM(UTC)
ppa

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?


Users browsing this topic
2 Pages12>
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.