Regarding applying Border to Flextable Cells

1,423 views
Skip to first unread message

Swathi Kondepati

unread,
Jul 28, 2009, 8:28:22 AM7/28/09
to Google-We...@googlegroups.com
Hi All..

    I Had problem with applying border to cells of an flextable.Please help me.Actually the Problem is :

       I applied border to FlexTable cells using CSS styles but i am not able to view the border for FlexTable cells in Mozilla FireFox but able to view in IE.The cells contain empty strings like

flextable.setHTML(1, 1, "   ");
flextable.getCellFormatter().setStyleName(1,1, "print-redcolorcheckbox");

The code in CSS file is as follows:

.print-redcolorcheckbox {
  
    background-color: #FE6767;
    padding: 0.6px 0.6px 0.6px 0.6px;
    border: 1px;
    border-color: #FFFFFF;
   
}

Please Help me its urgent...

Thanks in Advance...

Swathi.K

jscheller

unread,
Jul 28, 2009, 10:50:08 AM7/28/09
to Google Web Toolkit
Swathi -

You might try adding "border-style:solid;" and see if that makes
things behave more consistently.

Either way, get a copy of FireBug installed in FireFox and use the
inspection feature to poke around the table causing you trouble. If
there's some other style getting applied and undoing your changes,
you'll see it immediately. If needed you can modify the style
properties in real time there until you see what's tripping you up.

Jim


On Jul 28, 5:28 am, Swathi Kondepati <swathi8...@gmail.com> wrote:
> Hi All..
>
>     I Had problem with applying border to cells of an flextable.Please help
> me.Actually the Problem is :
>
>        I applied border to FlexTable cells using CSS styles but i am not
> able to view the border for FlexTable cells in *Mozilla FireFox* but able to
> view in IE.The cells contain empty strings like
>
> *flextable.setHTML(1, 1, "   ");
> flextable.getCellFormatter().setStyleName(1,1, "print-redcolorcheckbox");*
>
> The code in CSS file is as follows:
>
> *.print-redcolorcheckbox {
>
>     background-color: #FE6767;
>     padding: 0.6px 0.6px 0.6px 0.6px;
>     border: 1px;
>     border-color: #FFFFFF;
>
> }*

Michael

unread,
Jul 31, 2009, 6:59:47 AM7/31/09
to Google Web Toolkit
I'm not a CSS expert, but is it correct to decorate the css selector
with a '*'? Normally you use
> able to view the border for FlexTable cells in *Mozilla FireFox* but able to
> view in IE.The cells contain empty strings like
>
> *flextable.setHTML(1, 1, "   ");
> flextable.getCellFormatter().setStyleName(1,1, "print-redcolorcheckbox");*
>
> The code in CSS file is as follows:
>
> *.print-redcolorcheckbox {
>
>     background-color: #FE6767;
>     padding: 0.6px 0.6px 0.6px 0.6px;
>     border: 1px;
>     border-color: #FFFFFF;
>
> }*
Reply all
Reply to author
Forward
0 new messages