Eclipse Community Forums: Remote Application Platform (RAP)

Help

Home

Home » Eclipse Projects » Remote Application Platform (RAP) » Button BackgroundImage scaled

Show: Today's Messages :: Show Polls :: Message Navigator

Button BackgroundImage scaled [message #665066]

Wed, 13 April 2011 07:39

Stephan Leicht Vogt

Messages: 104
Registered: July 2015

Senior Member

This is a multi-part message in MIME format.
--------------020801050402020407080201
Content-Type: text/plain; charset=ISO-8859-15; format=flowed
Content-Transfer-Encoding: 7bit

Hi

I wan't to set a background image to my buttons and if the button is
smaller or bigger than the image, the image must be scaled. How can I
achieve that?

With following css I get the background image to the button, but it will
be repeated horizontally (see Screenshot).

Button[PUSH], Button[TOGGLE], Button[BORDER] {
background-image: url( theme/img/button/button.png );
animation: hoverOut 500ms ease-out;
cursor: pointer;
}

Thanks and greetings

Stephan Leicht

--------------020801050402020407080201
Content-Type: image/jpeg;
name="ButtonImageRepeated.jpg"
Content-Transfer-Encoding: base64
Content-Disposition: attachment;
filename="ButtonImageRepeated.jpg"

/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJ ChQODwwQFxQY
GBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoI ChMKChMoGhYa
KCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgo KCgoKCj/wAAR
CACWAUkDASIAAhEBAxEB/8QAHAABAAMBAQEBAQAAAAAAAAAAAAQFBwYDAQII /8QAQRAAAQMC
AgYGBggFBQEBAAAAAAECAwQRBRIGEyFUkdIWFzFTk5QUIkFRYXEHNjd0dYGz whUjMlKiQmKD
krGywf/EABkBAQEBAQEBAAAAAAAAAAAAAAADAgEEBf/EACgRAAIABAQHAQEB AQAAAAAAAAAB
AgMREhNSodEEFCExQVFx8EIVwf/aAAwDAQACEQMRAD8A/ogpoPtEofujv3ly U0H2iUP3R37y
0nz8ZCf2h+o7oAES4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAA
ABzxTQfaJQ/dHfvLkpoPtEofujv3lpPn4yE/tD9R3QAIlwAAAAAAAAAAAAAA AAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAADnimg+0Sh+6O/eXJTQfaJQ/dHfvLSf PxkJ/aH6jugA
RLnKfSS9WYDDZbI6oai/9XGaZzRvpQW2AU/3pv8A8PM9wWqbTYlFM+J8rWXc qMS7m7F9ZL7L
t7dvuPrcJ0lVPicd1nU+HnnGcvo4lxWTD1nxKpqqV8sjE9IarXo5Go5UTa66 LsTZfb7Pf7YU
6gbXxPpkpJJtXO10cGvyW1aqn9dlvsVNi9hZzaLsRUltrr3OdjzSPayNque5 bI1Euqr7kPiu
VFVFRUVNiop5rWK2rbUU7GU7muRzWx3VGqnuzKq8VOtwysyxYBE6sqmLMjk1 DGXilvI5LP8A
W7F7F9Vdh2ONwqtDMuBRtqpyucZy2goIJKvAo1izelOVJkaq2daRUX5bE9hZ Q1EMVXo7GlJA
t35WyK5922mVNnrW+O1FOOal2X7rsdUl9avt/wBpucvnGctFdTSMxKsdRQq6 ne2NIUdJl9Zy
3e71r+xE7UTae9TTUVHT1060jZXMWnVkUj32j1jFcrVsqKtvnfs+N+4i9fum 4wXXv+67FJnP
rZFaqKi2VNp7Y5FFTVrNQzJHJDHLkuqo1XNRVRFXba6l3/BqSZyMiRWSVStn p0zLZsVmq5P8
nbf9ihzEkm/JxSom2l4/fvpP06mkfQYWrr5VWS6/H1bf/pyKo9IkkVjkjVVa j7bFVPZf8zQ8
UdE2XDXpE16KyqRrXKvZq722Knuscl6ZAmAU8jqCnc19W9EjV8mRvqMvb1r3 +a+/8ocPHSFQ
pfqs9PEy6xuJv8kimzjOWC0UDNLUoFarqb0pIsqrtVubsv8AIsKWHD5lolXD 4019Y6kVEkk2
NTL639X9W35fAu5qSToeZSm21Xsc/nGcu6ajw6npKaSskp1SaR7Xul12ZqNd azMiKl7bfWv2
pst2/aenoWyYPTupGSrWKrZJXPejkTWK1FaiKiItvei/LtuxV6O4L8tFHnGc t4sPp3VuBwpE
r21DlbLZV9e0qtX5bE9h9p6akfTOjjhhfVK2Z2WZ0rXqjc1ljVPUVERP9XtR UGKhgxVoVT0f
GrUexzVciORFS10XsUSo+KR0crHMe1bK1yWVF+KEd9Q+eRiyuzKiNYnyRLIn A6PFaehw5srm
UMcq+myQokkj7IxEaqJscm3b23OuK1pPyZhguTa8FDnJmHLLDX0UitcxHyNV jlSyOTNbZ7yx
fhVM6uqo42qkVDUu165lusNr3/LKqX/3IfrDaehSpwud8ORJY3Sf63MR+tVr c1tqJayfO1/a
Yc1NfvVSkMmJRdf3WhN04bUVGI0mrjkkTUMT1WqvrOc6yfNbHLMR75UiYxzp FXKjES6qvusd
9jdPEuNUE6sTWxupGsc1VsiOfJf/AMTtKDDWwVFZT1TKZlM+LEY4kVrnKkiK qqt7qu1LJ2WT
b2dhOTMtgpTsVnyro26/uuxzyuVqqipZU2Kin1uZzXK1rnIxLuVE7Eva68UL uKmw+OCGasfT
2qJZM6yrNmaiOtZmRFS9tvrX7U2W7YUToaGii16ayOpqPWbtRViYtvntVV/6 llMr2RCKVa+r
IUSPldliY57rKtmpdbJtU/CPuti8jwqCmq2UdXHrJnNnlR2ZU/ltYuRUt71R V4HgtPSPw1fR
4oXTMgZJJnWVszVVUu7+xW7dlttlRQpqb6ByYl3/AHbcr5opoUVZoZI0RysX M1U9ZO1Pn8D8
qj0iSVWOSNVyo+2xV91zo8SbTUUHozKJlREmIyRsjc9+xMrOyyot/nc+fw+B 2pw9ZFWBuIVD
EW+1yNY1UTYi7VtbYi/Awp3SppyHWif7rsc1nO7+i9b/AMT/AOL95yGLehej xPpXU2uzq17a
fXZLWSy/zEvft7F9x1X0UOv/ABT/AIv3meJd0lv93KcJDbPhVf1DQAAfHPuA AAHPFNB9olD9
0d+8uSmg+0Sh+6O/eWk+fjIT+0P1HdAAiXKzSPCo8ZwuSkkcrVVUcxyexyGc t0NxukqUkppG
te1fVkjc9qp+aIayC8riI5aoux553CwTXdF3MmqdFtIaqVstTM6aRqWa+SR7 lT5KqHrLo7pP
NJG+armkfGuZjnTSKrF96bNhqgKc5H6RLkYPbMjqNEMdqZnS1Dklld2vkc9y r+aoe8ejek0V
N6PHVSsp7KmqbLIjbL2pa1jVQOcjpSiHIwVrVmU0+jWklNFqqepkiivmyRyy NS/vsiduxD43
RjSNsCwNnekLnZljSR+VVve9rWuauBzkfpDkYPbMrXR3SdahKhaubXo3Ikmu kzZfde17Hg/R
LHnpIj35kldnfdz1zu967Nq7V4mtgc5GvCHIwPyzIpdDsblciyq16oiNRXK9 bImxE7OwmYbo
nizauF9VLIjYkytyOddG/wBqLssm1eJqID4yNqgXAy069TnMZwGSvwqBkE74 KundnikaqpZf
y/8ATi6vRTSGd6+kTrP62a75Hu22RL7U7bInA1cGJfExwdikzhYJjqzJF0Rx 5aj0hX/z82bW
Zn5r++9r3PrdE8fbkyyKmR+sbZ70yu/uTZsXYm01oFOdj9IlyEv2zKaXRrSS kz+i1MkOdbu1
csjcy+9bJtPPonj+eJ2sXNEt41zvuzbfZs2bdprQOc5H6R3kYO1WZVBo3pLB GscFVLHGrsyt
ZLI1FX32RO3YflujOkbaZ1O2oelO+6uiSSTKt+26WsauBzkfpDkYPbMf6FYw nY2P/LlPabRP
H5kVJpFku5X+s96+svavZ27E2mtA7zsw5/ny/bMldonj7nyvdJd0qWkVXvu9 O3bs29hZYBoz
itLWwy1E0zUiRWsSNzkREVbqns2e2xpAMxcXG1Q1DwUuF16nL6UYBU4lTwSU dVJDVRWX+tUR
1luirb2pdbL8TkqjRrSWeaOSeqklkiW8b3yyOVi/BVTYaqDMHExwKiNzOEgm OrMppdGtJKTP
6LUyQ51u7VyyNzL71sh+KvRPG6p0ayMhTVsSNqJn7E9vZ2qqqq/FTWQb5yOt aInyMFKVZkvR
PH9YkmsXWI3Ijs77o21rXt2W2WP2/RjSN9M2mfUPdTttliWSRWpbsslrGrgc 5H6Q5CX7Zlke
j+lESPSOsnYkjlc/LNImZV9q7NqkZNEMcSNsaORGNdna3M+yL70S3bsQ1wBc ZGvCD4GB92zK
KvRjSOsRqVlQ+dG7WpLJI63yuh0/0fYJWYP6f6ajU1ury5b+zNftRPeh2AMx 8TFHDY10Ny+E
ggjUabqAAeY9QAABzxV0sDptOWrG/JJHQZ2uVuZL6y21PkqloQsK+vTvw1f1 UKyvPwjOVbfq
Oj1dfvNL5d3ONXX7zS+XdzksE7mUtRE1dfvNL5d3ONXX7zS+XdzksC5i1ETV 1+80vl3c41df
vNL5d3OSwLmLURNXX7zS+XdzjV1+80vl3c5LAuYtRE1dfvNL5d3ONXX7zS+X dzksC5i1ETV1
+80vl3c41dfvNL5d3OSwLmLURNXX7zS+XdzjV1+80vl3c5LAuYtRE1dfvNL5 d3ONXX7zS+Xd
zksC5i1ETV1+80vl3c41dfvNL5d3OSwLmLURNXX7zS+XdzjV1+80vl3c5LAu YtRE1dfvNL5d
3ONXX7zS+XdzksC5i1ETV1+80vl3c41dfvNL5d3OSwLmLURNXX7zS+XdzjV1 +80vl3c5LAuY
tRE1dfvNL5d3ONXX7zS+XdzksC5i1ETV1+80vl3c41dfvNL5d3OSwLmLURNX X7zS+XdzjV1+
80vl3c5LAuYtRE1dfvNL5d3ONXX7zS+XdzksC5i1ETV1+80vl3c41dfvNL5d 3OSwLmLURNXX
7zS+XdzjV1+80vl3c5LAuYtRE1dfvNL5d3ONXX7zS+XdzksC5i1HPELCvr07 8NX9VCaQsK+v
Tvw1f1UNy/PwxN/n6jrgATKgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAA
AAAAAAAAHPELCvr078NX9VCaQsK+vTvw1f1UKS/PwlN/n6jrgATKgAAAAAAA AAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHPELCvr078NX9VCaU+K0tZF WuxPD670aVsG
pVNSj8yZs3t/L2ewpLaq6unQlNTaTSrRncgwmq+kXSOCd8aTOdlW19XGl/8A A8usrSTvHeHH
yCyHMtdhiRZHpub2DBOsrSTvHeHHyDrK0k7x3hx8gshzLXYYkWR6bm9gwTrK 0k7x3hx8g6yt
JO8d4cfILIcy12GJFkem5vYME6ytJO8d4cfIOsrSTvHeHHyCyHMtdhiRZHpu b2DBOsrSTvHe
HHyDrK0k7x3hx8gshzLXYYkWR6bm9gwTrK0k7x3hx8g6ytJO8d4cfILIcy12 GJFkem5vYME6
ytJO8d4cfIOsrSTvHeHHyCyHMtdhiRZHpub2DBOsrSTvHeHHyDrK0k7x3hx8 gshzLXYYkWR6
bm9gwTrK0k7x3hx8g6ytJO8d4cfILIcy12GJFkem5vYME6ytJO8d4cfIOsrS TvHeHHyCyHMt
dhiRZHpub2DBOsrSTvHeHHyDrK0k7x3hx8gshzLXYYkWR6bm9gwTrK0k7x3h x8g6ytJO8d4c
fILIcy12GJFkem5vYME6ytJO8d4cfIOsrSTvHeHHyCyHMtdhiRZHpub2DBOs rSTvHeHHyDrK
0k7x3hx8gshzLXYYkWR6bm9gwTrK0k7x3hx8g6ytJO8d4cfILIcy12GJFkem 5vYME6ytJO8d
4cfIOsrSTvHeHHyCyHMtdhiRZHpub2DBOsrSTvHeHHyDrK0k7x3hx8gshzLX YYkWR6bm9gwT
rK0k7x3hx8g6ytJO8d4cfILIcy12GJFkem5vYME6ytJO8d4cfIOsrSTvHeHH yCyHMtdhiRZH
pub2DBOsrSTvHeHHyDrK0k7x3hx8gshzLXYYkWR6bmtHx7Ue1WuS6KfQTKlU /AMPe5XOgaqr
8D89HsO3dvAtwAVHR7Dt3bwHR7Dt3bwLcAFR0ew7d28B0ew7d28C3ABUdHsO 3dvAdHsO3dvA
twAVHR7Dt3bwHR7Dt3bwLcAFR0ew7d28B0ew7d28C3ABUdHsO3dvAdHsO3dv AtwAVHR7Dt3b
wHR7Dt3bwLcAFR0ew7d28B0ew7d28C3ABUdHsO3dvAdHsO3dvAtwAVHR7Dt3 bwHR7Dt3bwLc
AFR0ew7d28B0ew7d28C3ABUdHsO3dvAdHsO3dvAtwAVHR7Dt3bwHR7Dt3bwL cAFR0ew7d28B
0ew7d28C3ABUdHsO3dvAdHsO3dvAtwAVHR7Dt3bwHR7Dt3bwLcAFR0ew7d28 B0ew7d28C3AB
UdHsO3dvAdHsO3dvAtwAVHR7Dt3bwHR7Dt3bwLcAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH/9k=
--------------020801050402020407080201--

Report message to a moderator

Re: Button BackgroundImage scaled [message #665198 is a reply to message #665066]

Wed, 13 April 2011 15:37

Ivan Furnadjiev

Messages: 2427
Registered: July 2009
Location: Sofia, Bulgaria

Senior Member

Hi Stephan,
unfortunately this is currently not possible. As I can see from the
screenshot, your background image is a plain color with a rounded corner
and some shadow. The only problem in this configuration is the shadow,
which is currently supported only for Shells. Please feel free to file
an enhancement request for shadow support on Button.
Best,
Ivan

On 4/13/2011 10:39 AM, Stephan Leicht wrote:
> Hi
>
> I wan't to set a background image to my buttons and if the button is
> smaller or bigger than the image, the image must be scaled. How can I
> achieve that?
>
> With following css I get the background image to the button, but it
> will be repeated horizontally (see Screenshot).
>
> Button[PUSH], Button[TOGGLE], Button[BORDER] {
> background-image: url( theme/img/button/button.png );
> animation: hoverOut 500ms ease-out;
> cursor: pointer;
> }
>
>
> Thanks and greetings
>
> Stephan Leicht

Report message to a moderator

Previous Topic:	Problem with System.out of ECF chat over RAP
Next Topic:	Close Window listener

Goto Forum:

-=] Back to Top [=-

[ Syndicate this forum (XML) ] [

]

Current Time: Thu Sep 19 15:23:23 GMT 2024

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter