Search…

X3 Photo Gallery Support Forums

Search…
 
isiwaywebdesign
Topic Author
Posts: 4
Joined: 18 Oct 2010, 07:49

Size preview images/ html in texts/ menu cut

25 Oct 2010, 10:57

Hello,
this my first entry here! Hello from Germany!

I like imagevue a lot and am doing my first project for a customer:
I have only a few problems, these are:

1. smaller preview image in folderdescription?
When I define a folder I can choose the preview image shown in the tooltip of the menu.
But I would like the image used as preview image to be smaller. Is there any way to do this?
I know, I can upload a smaller image into the folder, but then this smaller image is also shown in thumbnails, I cant hide it.
sc2.jpg
sc2.jpg (115.62 KiB) Viewed 3124 times
2. Menu is cut at the bottom
When I open folders in the menu it is getting pretty long.
It is then cut at the bottom and the tooltip with the folderdescription is cut off. See Screenshot...
Can I change that?
sc1.jpg
Menu cut
sc1.jpg (142.12 KiB) Viewed 3124 times
3. HTML in texts
I would like to use at least some HTML-Tags to format text in
- folderdescription
- description of an image (only some text should be bold for example, not the whole description)
- custom text (shown as text_1)

Right now only <br> are accepted...I need at least bold or strong for some textelements?
How do I do that?
Can I define styles like <div style="font-weight:bold;"> or even classes like <div class="xyz"> with refering to them in the stylesheet in the template. Somehow it doesn' work....

Thanks a lot,
Carola
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Size preview images/ html in texts/ menu cut

25 Oct 2010, 14:44

isiwaywebdesign wrote:1. smaller preview image in folderdescription?
When I define a folder I can choose the preview image shown in the tooltip of the menu.
But I would like the image used as preview image to be smaller. Is there any way to do this?
I know, I can upload a smaller image into the folder, but then this smaller image is also shown in thumbnails, I cant hide it.
Unfortunately, there is only one previewimage and It cant have multiple sizes. The only thing you can do, is DISABLE it from being displayed in the tooltip ... Or you would have to make your thumbnails smaller.
isiwaywebdesign wrote:2. Menu is cut at the bottom
When I open folders in the menu it is getting pretty long. It is then cut at the bottom and the tooltip with the folderdescription is cut off. See Screenshot... Can I change that?
The menu scrolls vertically with mouse movement if it gets longer than the screen. However, there are several remedies to prevent it from becoming that long:

1. First of all, you have created a 2px margin between the items. Why not set it to 1px?
2. You can reduce the total height of the menu a LOT by reducing the margin above and below the text in each item. This is done in the THEMEsettings > menu.mainmenu.menuitem.vertical_textmargin. This would make a huge difference in your case.
3. To further increase the usability, you could also decrease font.
4. Another option just to mention, would be to consider having more subfolder categories.

I agree that the tooltip at the bottom should probably align upwards instead of downwards.
isiwaywebdesign wrote:3. HTML in texts
I would like to use at least some HTML-Tags to format text in
- folderdescription
- description of an image (only some text should be bold for example, not the whole description)
- custom text (shown as text_1)

Right now only <br> are accepted...I need at least bold or strong for some textelements?
How do I do that?
Can I define styles like <div style="font-weight:bold;"> or even classes like <div class="xyz"> with refering to them in the stylesheet in the template. Somehow it doesn' work....
I think you got that wrong ... Imagevue textfields support many more styles including bold, italic, paragraph. However, it is restricted to TEXT FORMATTING tags and css. Please read more here:
https://www.photo.gallery/documentation/textpages/

The article above is for textpages, but the information about tags and css apply for descriptions, titles and any text item in imagevue that renders html (most). Just be aware of the limitations and the rules. For example, flash textfields use <b> and not the newer <strong>. You can also use classes like <span class="myclass">text</span>, but you need to be aware of what styles you can use in that class. Read more here:
https://www.photo.gallery/documentation/cssreference/
 
isiwaywebdesign
Topic Author
Posts: 4
Joined: 18 Oct 2010, 07:49

Re: Size preview images/ html in texts/ menu cut

27 Oct 2010, 11:07

Hello,

thank you for the information. I really do appreciate them.

Smaller preview image in Tooltip
You suggest to disable the preview image in the tooltip of the menu. Can I put the image then directly in the text/description of the folder as HTML (<img src=....>)?
Also for the future: is there were a possibily to hide pics in a folder, then a smaller pic could be uploaded and then chosen for the preview...

Menu cut
You suggest to make the buttons less high etc. in order that the menu ist not cropped. Thats ok, but my customer wants the layout like this. Even more a problem is that the tooltip at the bottom are cut too.

Is there any way to change that in the .fla file (f.e. to enlage the stage)?

Thank you!

Carola
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Size preview images/ html in texts/ menu cut

09 Nov 2010, 11:43

Carola, sorry for the late reply on this -
isiwaywebdesign wrote:Smaller preview image in Tooltip
You suggest to disable the preview image in the tooltip of the menu. Can I put the image then directly in the text/description of the folder as HTML (<img src=....>)?
Also for the future: is there were a possibily to hide pics in a folder, then a smaller pic could be uploaded and then chosen for the preview...
This might work - However, if you add it to the description, it will also display in the description above the thumbnails in thumbnail-mode (unless you have disabled thumbnails mode).
isiwaywebdesign wrote:Menu cut
You suggest to make the buttons less high etc. in order that the menu ist not cropped. Thats ok, but my customer wants the layout like this. Even more a problem is that the tooltip at the bottom are cut too.

Is there any way to change that in the .fla file (f.e. to enlage the stage)?
Sorry, but I am missing the logic of your decision here. That is like saying you want a 3 meter high plant in your house, but the ceiling can only be 2 meters. Your menu is long, big, and has quite big margins, so it will extend below the visible stage area, depending on the users screen resolution. However, the menu will SCROLL with the mouse movement, so this should work ok (unless for some reason you have some bug here - Are you not experiencing the scrolling?).

Also, what do you mean "increase the stage"? The stage is already set to 100% height of the available space in the visitors browser. It can't be bigger than this naturally.

We can provide the FLA source file, but based on what has been said, I do not recommend this.