Advanced PopUp Box Options

[TheeBeets]

Can someone plz post a screenshot of the changes that can be made here as to be honest I have no idea what these changes allow.

[lionhrt]

TheeBeets, I posted awhile back that i wanted to have an enhancement to the description Box.

Istead of using different # codes to color code your description box , I wanted to use images instead. A title bar of my own design and have the wizard add the txt. also wanted to add the pic to the top left/right and have the description provided by self to wrap around the png file.

Which the developer(s) are tweeking into the next installment of WPI.

almulder provided a temperary code adjustment for the time being (seen below),

so the some (whom wish it) can do a quick fix modification. If thats the explanation your looking for? Thanks again Almulder for a quick peek into the future.

Style[0]=['#FFFFFF','#5e00d5','#721cff','#000000','./Graphics/title.JPG','./Graphics/body.JPG

','Right','Left','Arial','Arial','Right','popup','2','2',250,0,2,4,10,10,24,0.1,100,'complex','#FFFFFF'];

Edited August 22, 2005 by lionhrt

[almulder]

Sorry "lionhrt" got really busy yesterday. just got looking at your posts and heres what you do.

for the width of the bar change it to 270. (or any size just change that number until you get just what you want. 271, 272, 273, 274, 275, ect..

For font size chnage it to 2. The picture size is related to the font size the larger the font is the larger the pic needs to be, and vis versa)

Now for the text raping around the image, not sure you remeber, but I guess you don't since you need the help, but no problem. to make the text wrap around the image, go into the configwizard screen click on the program you want to edit, then under where you entered a description you should see a box called "Text in location to image" chage it to right or left and done.

If you need more help just let me know.

[lionhrt]

Thanks greatly almulder for your input. I have adjusted the settings in the style.js and the useroptions.js var15 and got it to look the way i needed also changed the font size (title) =2. Everything looks fine now. Still having trouble with the word wrap around image. Have changed the "Text in Location to Pic" all options, seems to stay in came location as in previous pic. I will try to tweak it maybe re-add the entries manuallyin the config.js

Thanks again mate you been helpful.

[almulder]

you can upload your file am I will take a look.

[lionhrt]

almulder file has been uploaded to same location

almulder uploading to my host. Im on a slow connection so will take a couple of minutes.

http://www.mnsi.net/~lionhrt/WPI_lionhrt.rar

thanks again for the time

P.S some of the images arent there, still grabbing, just wander why it isnt co-operating, a few have been done to browse at.

[almulder]

you are manualy editing the config.js right. (Well stop that. LOL)

Use the config wizard. and you will fix your problem.

This is what you have now:

prog[pn]=['Adobe Reader']
uid[pn]=['ADOBEREADER']
picw[pn]=['64']
pich[pn]=['64']
desc[pn]=['<right><img src="./icons/reader.png" width="64" height="64"><br>Adobe® Reader® is free software that allows everyone from business professionals to home users to easily and reliably view, print, and search PDF files using a variety of platforms and devices.</right>']
textl[pn]=['Right']
texti[pn]=['0']
cmd1[pn]=['"%cdrom%\\$oem$\\office\\Adobe Reader\\acroread702.exe"']
cat[pn]=['Office']
pn++

this is how it should look:

prog[pn]=['Adobe Reader']
uid[pn]=['ADOBEREADER']
picf[pn]=['icons/reader.png']
picw[pn]=['64']
pich[pn]=['64']
desc[pn]=['Adobe® Reader® is free software that allows everyone from business professionals to home users to easily and reliably view, print, and search PDF files using a variety of platforms and devices.']
textl[pn]=['Left']
texti[pn]=['1']
cmd1[pn]=['"%cdrom%\\$oem$\\office\\Adobe Reader\\acroread702.exe"']
cat[pn]=['Office']
pn++

The problem is you are still adding the pic into the description box area. It has its own var's now.

picf[pn]=['icons/reader.png']   - - - The location of and name of picture
picw[pn]=['64']                     - - - the width of the picture
pich[pn]=['64']                     - - - the height of the picture

textl[pn]=['Left']  - - - Picture goes where
texti[pn]=['1'] - - - Indent the text

Just go back and manualy edit your config.js file and mack the corrections. (Once done they work here)

Hope this helps! If you need more help let me know.

Edited August 23, 2005 by almulder

[lionhrt]

you are manualy editing the config.js right. (Well stop that. LOL)

Thanks for the advice of course mate, why would you all go through the trouble of making a wizard if fools like myself dontt use them.

Thanks again for the help always appreciated , of to make the necessary changes as spoken by thee.

Hello bud me again. Yes me.

I followed your steps and did what i had too:

removed

<right><img src="./icons/reader.png" width="64" height="64">

and

.</right>

added

picf[pn]=['icons/??.png']

All my descript boxes reflect this code

prog[pn]=['Adobe Reader']
uid[pn]=['ADOBEREADER']
picf[pn]=['icons/reader.png']
picw[pn]=['64']
pich[pn]=['64']
desc[pn]=['Adobe® Reader® is free software that allows everyone from business professionals to home users to easily and reliably view, print, and search PDF files using a variety of platforms and devices.']
textl[pn]=['Left']
texti[pn]=['1']
cmd1[pn]=['"%cdrom%\\$oem$\\office\\Adobe Reader\\acroread702.exe"']
cat[pn]=['Office']
pn++

However all my images are not finding the path to the png's

just getting the square where the png should be.

All my Picture files entries are being dirrected to Icons/?.png

Edited August 23, 2005 by lionhrt

[lionhrt]

Just bumpimg mates so it doesnt get lost in the void.

^BUMP^

[almulder]

reupload and I will have a a lookse

[lionhrt]

Same link as usual mate.

http://www.mnsi.net/~lionhrt/WPI_lionhrt.rar

thanks again for looking at code.

[almulder]

Ok i got it. pics are loaded from graphics folder by default.

juat move your whole folder "icons" into the graphics folder and done!

also edit "Paint Shop Pro"

in the

picf[pn]=['icons/Paint-Shop-Pro-9.png.png']

you have .png twice.

fix that and your all done.

I eveything works here!

Again if you need more help just let me know!

[lionhrt]

Thanks almuder everything is the way it should be now.

Now its time to work on a new theme. Dedicated to MSFN (WPI members).

Cheers