Browse column image size problem

[Alberto]

Hi,
C72 NT5
I´m trying to add an image in a column of a browse, but I cant manage the size, it allways get my row heght larger.
Attached goes a Firebug image and both images (png and very small)
How can I keep the same row height.
Thanks

[attachment deleted by admin]

[bshields]

Hi,

Looks like a CSS issue. If you can get that page public on the internet and post the IP address and any login details etc (or email them to me). I'd be happy to look at it. I need to see the CSS inheritance to work out whats happening.

Regards
Bill

[Alberto]

Thanks,
Try
http://portit.sytes.net/LoginForm
email = demo
contraseña = demo
and press  "Ingresar"
now in the new page choose Estrategia = <No asignar>
if you dont see any image in the T column please wait, it refresh itself each 1 min
Thanks
Alberto

[bshields]

Hi Alberto,

I followed your instructions but no image showed up. So you might wanna take a look at that.

In the meantime i looked at how i solve this problem. and although i can't give you specifics i might be able to point you in the right direct.

I apply a CSS class for the column, i then format that CSS approprately. However, you need a small CSS trick.

If you call the CSS "img-column" for example. You only want to apply this to the HTML img. So your CSS yould look like this:

  .img-column img {margin: 0; padding: 0;}

Maybe that will put you in the right direction.

Regards
Bill

[Alberto]

Bill, I´ve change the code so you can see all images.
I´ve tried ypuor css but no luck
Please check it again!
Thanks

[Alberto]

Hi,
It seams to be a bug when using an image with the conditional type.
Im using contitional tab in two fields, one to simple change the color and the other to plca an image.
As you can see in attached image 1 the class of the td AND div containing the colored value is the same, but the class on the td and div containing the image are diffrent, the td class is ok but the div class is allways adiv.
There are two more images to show the conditional tab.

Am I right Bruce?

Thanks
Alberto

[attachment deleted by admin]

[bshields]

Hi Alberto,

I've continued to try and log in but now there is no data!

I have situations like yours where the column is used only for an image. I am on PR20 and the td and div have the same class. I tried fiddling with it to try and get the same situation you have but without any luck.

Perhaps some CSS setting for the browse or elsewhere is affecting the CSS class that is generating.

You'll need to checking using firebox to determine whether the TD DIV or IMG tag (or some of them) are affecting the positioning. Normally i need to remove margin/padding from the TD not the IMG.

Regards
Bill

[attachment deleted by admin]

[Alberto]

I could reproduce it with the web1.app doing the following:
Adding a Memory form proc and inserting the browse in it, calling it from the index page leaving the form header blank! if I add a heading to the form both looks ok, weird.
The problem is between fixed images and conditional images, see attached picture, first is the conditional, the other, the fixed, displays ok
May be the problem is that I´m not using a Header Tag?
Attached goes the app,dct,some tps and the exe if you want to test it.
You can login with demo/demo
Thanks
Alberto

[attachment deleted by admin]

[Bruce]

set the Custom CSS class to something, anything, even (I think) ''
see attached pic.

cheers
Bruce


[attachment deleted by admin]

[Alberto]

Bruce,
I realized what the problem is.
I´ve modified the web1.app adding two columns, one with a conditional image and the last with an image.
If the browse fits ok in the browser window, the two images are ok (see attached pic 1)
If the browse does not fits the browser window then the "conditional image" change its height modifying the entire row height (see attached pic 2)
I´ve tryed adding a 'xxx' to the custom css but the problem remains.
I.ve attached too the web1.app and dct.

Thanks
Alberto

[attachment deleted by admin]

[Bruce]

Hi Alberto,

I've made a small tweak to the template for the next PR, which removes the "space" character after the one graphic. I also added the custom class to the other column (you'd only added it to the one column).

That though, did not fix the problem. Quite why the browser feels the need to make the table cell taller is not clear to me.
However by explicitly setting the height of the cell, it forces it back to be the right height.
So where you're using the vvv class, you need to use a class to set the height.
On in the netweb.css which seems about right is the
'nt-small-button' class. So use this as the custom class for the cell.

Cheers
Bruce

[Alberto]

Thanks Bruce,

Here goes a pb I think is related:
When you use the sort header, the header get mixed with the next.
See attached images.

Regards
Alberto

[attachment deleted by admin]