Discontinued/Classic Products: Page Publisher: image class : Interactivetools.com Forum

Home: Discontinued/Classic Products: Page Publisher:
image class

john@pascoe.net
User

Dec 5, 2007, 4:10 PM

Post #1 of 16 (40440 views)
Shortcut

image class	Can't Post

I added the  for documents links

Can I add </p>

I want to be able to use the css for images instead of tables.

Do you have any ideas?

JJ

Jake
Staff / Moderator

Dec 6, 2007, 2:13 PM

Post #2 of 16 (40435 views)
Shortcut

Re: [john@pascoe.net] image class [In reply to]	Can't Post

Hi John,

Thanks for your post. Smile

You can definitely use a class attribute in an image tag for Page Publisher - it's designed to maintain any additional attributes you specify for image tags, so custom attributes won't be overwritten when you make an update. Note that you'd want to use 'class' within the image tag itself - if you add this to the Page Publisher tag it wouldn't have any effect.

Let us know if you have any other questions!
-----------------------------------------------------------
Cheers,
Jake Marvin - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]

john@pascoe.net
User

Dec 6, 2007, 3:54 PM

Post #3 of 16 (40432 views)
Shortcut

Re: [Jake] image class [In reply to]	Can't Post

Jake

How do I put the image class in?



Or



Thanks

JJ

(This post was edited by john@pascoe.net on Dec 6, 2007, 4:36 PM)

Jake
Staff / Moderator

Dec 7, 2007, 2:41 PM

Post #4 of 16 (40417 views)
Shortcut

Re: [john@pascoe.net] image class [In reply to]	Can't Post

Hi John,

To set this up you'd actually want to add an image tag in between the Page Publisher tags, rather than a <span> tag:

Code

<!-- publish type="image_select" allowupload="yes" uploaddir="/community_service/images" allowremove="yes" name="Photo middle page" --><img src="yourimage.gif" alt="Your Image" class="right"><!-- /publish -->

If the class attribute is added to the image tag, it will be saved each time you update the image. Alternatively, you could use a div like this:

Code

<div class="right"> 
<!-- publish type="image_select" allowupload="yes" uploaddir="/community_service/images" allowremove="yes" name="Photo middle page" --><img src="yourimage.gif" alt="Your Image"><!-- /publish --> 
</div>

Let us know if you have any other questions. Smile

-----------------------------------------------------------
Cheers,
Jake Marvin - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]

john@pascoe.net
User

Dec 10, 2007, 9:58 AM

Post #5 of 16 (40326 views)
Shortcut

Re: [Jake] image class [In reply to]	Can't Post

Jake

Using the the div tag does not work. <div class="right"></div>

This is what it looks like after the upload

<div class="right">
<img src="http://mysite/pages/uploads/community/images/toy.gif" alt="" border="0">
</div>

JJ

Jake
Staff / Moderator

Dec 11, 2007, 10:19 AM

Post #6 of 16 (40293 views)
Shortcut

Re: [john@pascoe.net] image class [In reply to]	Can't Post

Hi John,

Did you try the first method I outlined? Did you have any success with that?

I'll be happy to take another look at this for you if you're still having trouble. Smile

john@pascoe.net
User

Dec 11, 2007, 1:20 PM

Post #7 of 16 (40282 views)
Shortcut

Re: [Jake] image class [In reply to]	Can't Post

I do not understand how to do this. I am unable to go in and add a class to all photos way. This has been my question all along How do I give it a image class.

I have added this bit of code in between the publisher tag for my documents 

I do not know how to put a class between the publisher tags for images!!!!

thanks

JJ

To set this up you'd actually want to add an image tag in between the Page Publisher tags, rather than a <span> tag:

Code

 <!-- publish type="image_select" allowupload="yes" uploaddir="/community_service/images" allowremove="yes" name="Photo middle page" --><img src="yourimage.gif" alt="Your Image" class="right"><!-- /publish -->

Jake
Staff / Moderator

Dec 13, 2007, 1:52 PM

Post #8 of 16 (40166 views)
Shortcut

Re: [john@pascoe.net] image class [In reply to]	Can't Post

Hi John,

Maybe I'm misunderstanding what you need here - either of the two methods I outlined earlier will allow you to assign a class to a specific image tag. Could you explain what you were trying to do a bit more?
-----------------------------------------------------------
Cheers,
Jake Marvin - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]

john@pascoe.net
User

Dec 14, 2007, 9:11 AM

Post #9 of 16 (40122 views)
Shortcut

Re: [Jake] image class [In reply to]	Can't Post

Jake

I guess there is a misunderstanding.

Here is my Question:

How can you position a image in Page Publisher????

Here are TWO optioions you gave me.

Code

<img src="yourimage.gif" alt="Your Image" class="right">

If the class attribute is added to the image tag, it will be saved each time you update the image. Alternatively, you could use a div like this:

Code

 <div class="right">  
<!-- publish type="image_select" allowupload="yes" uploaddir="/community_service/images" allowremove="yes" name="Photo middle page" --><img src="yourimage.gif" alt="Your Image"><!-- /publish -->  
</div>

I said the <div class="right"></div> was not working for me and I do not know why.

The other optioion appears you have to manually go in and change every image tag that my clients have uploaded, a daunting task with 50 pages 2 website and hundreds of images.

If the first way is to preset the Publisher tag, so when my clients uploads a image, it automacially has the class in there, that would be great.

I do not know how to do that. Your example above did not make sense because when the image is uploaded this is what it looks like between the page publisher tags (see below), minus any class. I have tried to put a class between the publisher tags before a image upload, but when the image is uploaded the only thing that is between the tags is what I show below.

<img src="http://mysite/pages/uploads/community/images/toy.gif" alt="" border="0">

Can you tell me WHERE and HOW I can put a class in a image so it is done automacially? I want my client to be able to upload the images and the image will be placed as I have designed it.

Thanks

JJ

Jake
Staff / Moderator

Dec 17, 2007, 2:18 PM

Post #10 of 16 (39881 views)
Shortcut

Re: [john@pascoe.net] image class [In reply to]	Can't Post

Hi John,

I think we wrapped this up on the phone today - feel free to contact us if you need anything else. Smile

john@pascoe.net
User

Dec 17, 2007, 2:22 PM

Post #11 of 16 (39880 views)
Shortcut

Re: [Jake] image class [In reply to]	Can't Post

Jake

Still no luck with what I tried here.

<img class="right">

Jake
Staff / Moderator

Dec 18, 2007, 2:54 PM

Post #12 of 16 (39717 views)
Shortcut

Re: [john@pascoe.net] image class [In reply to]	Can't Post

Hi John,

Let me break down the structure of this tag a bit.

Here's a regular image tag, with nothing special going on:

Code

<img src="yourimage.gif" alt="Your Image">

Say you wanted to add a class to it, so that your stylesheet could control the appearance of this image. You would change it like this (note that the 'right' class must be set up in your stylesheet or else it won't do anything at all):

Code

<img src="yourimage.gif" alt="Your Image" class="right">

Now, to use Page Publisher to update this image when you need to, add its code around that image tag so that it looks like this:

Code

<!-- publish type="image_select" allowupload="yes" uploaddir="/community/images" allowremove="yes" name="Photo middle page" --><img src="yourimage.gif" alt="Your Image" class="right"><!-- /publish -->

I hope this makes more sense John - try giving that a shot. Smile

john@pascoe.net
User

Apr 28, 2008, 9:29 AM

Post #13 of 16 (34166 views)
Shortcut

Re: [Jake] image class [In reply to]	Can't Post

when I put the <img src"' alt"" class"center" /> between the publisher tag is shows a small blank box on the page where something should be. Is there a way to contnnue this way and if no photo no blank box?

When the photo gets deleted or changed will it keep the class?

Thanks

JJ

MikeB
Staff / Moderator

Apr 28, 2008, 2:37 PM

Post #14 of 16 (34147 views)
Shortcut

Re: [john@pascoe.net] image class [In reply to]	Can't Post

Hi John,

Thanks for the post!

Do you think you could provide me with code that you're using? What you should find is that when you don't have an image uploaded, the software will comment out your default "img src" tag for you.

If you can give me an example of how this looks in your HTML code right, I'll have a look at this for you.

I look forward to your post! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]

john@pascoe.net
User

May 1, 2008, 12:01 PM

Post #15 of 16 (33916 views)
Shortcut

Re: [MikeB] image class [In reply to]	Can't Post

Here is what I tried on the page but leaves a blank box if no is uploaded. If you delete the photo will it delete my line of code??

thanks

jj

<img alt=" " src="" class="center"/>

MikeB
Staff / Moderator

May 2, 2008, 12:55 PM

Post #16 of 16 (33857 views)
Shortcut

Re: [john@pascoe.net] image class [In reply to]	Can't Post

Hi John,

Thanks for posting!

In this case if you're using a WYSIWYG field you'll find that while this HTML code will be in the WYSIWYG box by default, the user has control over this and could remove that code when they're making changes to the content of the page.

If you'd like to be more restrictive with the image itself, where it'll show up and how it will be styled you may want to just use Page Publisher "image_select" tag.

I hope this helps! Smile

interactivetools.com

Company Info

Contact Us

Newsletter

interactivetools.com

Company Info

Contact Us