ScrollPanel (scrollbar) CSS

2010-02-12 Thread RPB 
Hello,

Does anyone know how to change the scrollpanel CSS (specifically I
want to make the scrollbar a different colour). Any example CSS or
tips would be much appreciated (it's not in the GWT showcase).

Thanks

-- 
You received this message because you are subscribed to the Google Groups 
Google Web Toolkit group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Re: ScrollPanel (scrollbar) CSS

2010-02-12 Thread Christian Goudreau 
Simply copy the ScrollPanel css from the google css file. Change de
gwt-ScrollPanel name to whatever you want, but only change the primary name.

Then, you have to call setStylePrimaryName on your scrollbar.

Finally, you change the css as you wish.

Christian

On Fri, Feb 12, 2010 at 11:38 AM, RPB robbol...@gmail.com wrote:

 Hello,

 Does anyone know how to change the scrollpanel CSS (specifically I
 want to make the scrollbar a different colour). Any example CSS or
 tips would be much appreciated (it's not in the GWT showcase).

 Thanks

 --
 You received this message because you are subscribed to the Google Groups
 Google Web Toolkit group.
 To post to this group, send email to google-web-tool...@googlegroups.com.
 To unsubscribe from this group, send email to
 google-web-toolkit+unsubscr...@googlegroups.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
 .
 For more options, visit this group at
 http://groups.google.com/group/google-web-toolkit?hl=en.



-- 
You received this message because you are subscribed to the Google Groups 
Google Web Toolkit group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Re: ScrollPanel (scrollbar) CSS

2010-02-12 Thread RPB 
Thanks for the suggestion, but ScrollPanel doesn't exist in
standard.css (or if i've missed it, could you please post the google
css here?)

I've been trying a couple of things. The most successful is the below
which works on IE but not Firefox or Chrome.
Any other ideas?

.
.scroll{
scrollbar-3dlight-color:#FFD700;
scrollbar-arrow-color:#00;
scrollbar-base-color:#FF6347;
scrollbar-darkshadow-color:#FFA500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#FF69B4;
scrollbar-shadow-color:#FF00FF;
}
..
g:ScrollPanel styleName='{style.scroll}'

On Feb 12, 4:42 pm, Christian Goudreau goudreau.christ...@gmail.com
wrote:
 Simply copy the ScrollPanel css from the google css file. Change de
 gwt-ScrollPanel name to whatever you want, but only change the primary name.

 Then, you have to call setStylePrimaryName on your scrollbar.

 Finally, you change the css as you wish.

 Christian

 On Fri, Feb 12, 2010 at 11:38 AM, RPB robbol...@gmail.com wrote:
  Hello,

  Does anyone know how to change the scrollpanel CSS (specifically I
  want to make the scrollbar a different colour). Any example CSS or
  tips would be much appreciated (it's not in the GWT showcase).

  Thanks

  --
  You received this message because you are subscribed to the Google Groups
  Google Web Toolkit group.
  To post to this group, send email to google-web-tool...@googlegroups.com.
  To unsubscribe from this group, send email to
  google-web-toolkit+unsubscr...@googlegroups.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
  .
  For more options, visit this group at
 http://groups.google.com/group/google-web-toolkit?hl=en.



-- 
You received this message because you are subscribed to the Google Groups 
Google Web Toolkit group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Re: ScrollPanel (scrollbar) CSS

2010-02-12 Thread Christian Goudreau 
It's simply because there's no style in standard .css.

Anyway a scroll panel is simply a div with overflow set to scroll.

It's not css standard to be able to customize it... I didn't pay attention
to what widget you wanted to customize, I simply explained how we customize
a widget in general.

Christian


On Fri, Feb 12, 2010 at 12:03 PM, RPB robbol...@gmail.com wrote:

 Thanks for the suggestion, but ScrollPanel doesn't exist in
 standard.css (or if i've missed it, could you please post the google
 css here?)

 I've been trying a couple of things. The most successful is the below
 which works on IE but not Firefox or Chrome.
 Any other ideas?

 .
 .scroll{
scrollbar-3dlight-color:#FFD700;
scrollbar-arrow-color:#00;
scrollbar-base-color:#FF6347;
scrollbar-darkshadow-color:#FFA500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#FF69B4;
scrollbar-shadow-color:#FF00FF;
 }
 ..
 g:ScrollPanel styleName='{style.scroll}'

 On Feb 12, 4:42 pm, Christian Goudreau goudreau.christ...@gmail.com
 wrote:
  Simply copy the ScrollPanel css from the google css file. Change de
  gwt-ScrollPanel name to whatever you want, but only change the primary
 name.
 
  Then, you have to call setStylePrimaryName on your scrollbar.
 
  Finally, you change the css as you wish.
 
  Christian
 
  On Fri, Feb 12, 2010 at 11:38 AM, RPB robbol...@gmail.com wrote:
   Hello,
 
   Does anyone know how to change the scrollpanel CSS (specifically I
   want to make the scrollbar a different colour). Any example CSS or
   tips would be much appreciated (it's not in the GWT showcase).
 
   Thanks
 
   --
   You received this message because you are subscribed to the Google
 Groups
   Google Web Toolkit group.
   To post to this group, send email to
 google-web-tool...@googlegroups.com.
   To unsubscribe from this group, send email to
   google-web-toolkit+unsubscr...@googlegroups.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
 google-web-toolkit%2bunsubscr...@googlegroups.comgoogle-web-toolkit%252bunsubscr...@googlegroups.com
 
   .
   For more options, visit this group at
  http://groups.google.com/group/google-web-toolkit?hl=en.
 
 

 --
 You received this message because you are subscribed to the Google Groups
 Google Web Toolkit group.
 To post to this group, send email to google-web-tool...@googlegroups.com.
 To unsubscribe from this group, send email to
 google-web-toolkit+unsubscr...@googlegroups.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
 .
 For more options, visit this group at
 http://groups.google.com/group/google-web-toolkit?hl=en.



-- 
You received this message because you are subscribed to the Google Groups 
Google Web Toolkit group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.