This topic is locked

picture field fullsize inside cell

12/18/2020 11:42:16 AM
PHPRunner General questions
T
telematics author

hi,
I want to use an image field. upload and view-page work already, but
in the add and the edit page I want to place the image (uploaded picture) in one seperate cell. currently the generated html-code of the image field inside a cell always contains a table with

5 columns:
<td class="preview"> ... </td> // here the picture is referenced

<td class="name"> ... </td> // contains the filename

<td class="size"> ... </td> // shows the file size

<td></td>

<td> class="delete> ... </td> // contains the DELETE button
how I can move the "preview" in an own cell where I can fit the picture fullsize? now it is very small because the text of filename takes much of the space right to the picture.
OR
how I can change the appearance of this table, that it will not arrange the elements horizontal but vertical?
thank you

Helmut

D
DealerModulesDevClub member 12/18/2020

Hi Helmut,
To answer your second question: "how I can change the appearance of this table, that it will not arrange the elements horizontal but vertical?"
To arrange the elements vertical:

  1. Click on the cell where the field is located.
  2. The menu on the right will show "orientation".
  3. Select "vertical".
  4. Rebuild and upload your project.
    To get a field to use full width of the cell:
  5. Click the cell where the field is located.
  6. The menu on the right will show "use full width".
  7. Check the box. ( I use this all the time with text area fields )
  8. Rebuild and upload your project.
    Thanks

    Paul

T
telematics author 12/19/2020

Hi Paul,
thank you for your answer, but it does not help me:

  1. in my cell there is ONLY ONE field, nothing else! the described table columns come from php-runner and adds the name, size and delete button into this cell automatically. setting the orientation to horizontal brings no effect to this table columns. I tried it.
  2. I dont find a menu element "use full width" when there is more than one cell in the row. I am using phprunner 10.4.
    I think, it could be solved by any kind of CSS code?
    the idea is to have the uploaded picture exactly in the upper right corner of the Add and Edit page.
    regards,

    HW

D
DealerModulesDevClub member 12/19/2020

Hi Helmut,
One other item you can try before going to CSS which is probably the answer.
Click the uploaded picture field.

The menu on the right will have "field settings".

Click the "field settings" / "Join / Separate".

This will separate the field into the label and the picture field.
You can either highlight the label and select remove.

Or you can then try the vertical setting again.
If you need to un-do the changes you tried, you can always hit control + Z on that designer page a couple of times and it will roll it back.
Hope this helps.

Paul

Sergey Kornilov admin 12/23/2020

I just wanted to add that providing advice here is a bit difficult because this a visual issue and there is no screenshot that would explain what exactly the issue is.