I have read the documentation and I've searched the forum, but I could not find anything.
I can not format the text around the image in the article.
Only the first image of the article has the right formatting, but the second is not. Where am I wrong ??
Form2Content Forum
Questions and answers for Form2Content, a Joomla CCK.
Resolved
Formatting Article images
- Example code
- Marco
- F2C article templating
- Sunday, 12 March 2017
- Subscribe via email
Accepted Answer
Accepted Answer
Pending Moderation
Dear in the response, it is hard to find so fast support.
I want to get to the article display as attached files.
I saw that this is changed with the template model \ main.tpl manager.
but it does not change the second image.
I must therefore take action on the article CSS template, in my case BEZZ_20 ??
I want to get to the article display as attached files.
I saw that this is changed with the template model \ main.tpl manager.
but it does not change the second image.
I must therefore take action on the article CSS template, in my case BEZZ_20 ??
- more than a month ago
- F2C article templating
- # Permalink
Accepted Answer
Pending Moderation
Please add versions and your template code.... I cannot guess what you have made sorry
Please read the F2C documentation before asking questions! Thank you if you've done so
- more than a month ago
- F2C article templating
- # 1
Accepted Answer
Pending Moderation
Joomla 2.5 / Sito di TEST http://www.excentia.it/test/
Form2content PRO
Field Name>
INTRO
PRIMA_IMM
ESTESO
SECOND_IMM
Intro Template
<p>{$INTRO|truncate:280}</p>
Main Template
<P style = "text-align: justify;
font-family: Arial;
font-size: 11pt;
colore black">
{$INTRO}{$ESTESO} {$PRIMA_IMM}
</P>
Thanks
Marco
Form2content PRO
Field Name>
INTRO
PRIMA_IMM
ESTESO
SECOND_IMM
Intro Template
<p>{$INTRO|truncate:280}</p>
Main Template
<P style = "text-align: justify;
font-family: Arial;
font-size: 11pt;
colore black">
{$INTRO}{$ESTESO} {$PRIMA_IMM}
</P>
Thanks
Marco
References
- more than a month ago
- F2C article templating
- # 2
Accepted Answer
Pending Moderation
Hi Marco,
I don't see all the code in the template (like why there is a link around the image with the image as href tag) but I think you can best follow this documentation:
http://documentation.form2content.com/f2c-field-types/image-upload-field-f2c-pro
If you want control over the image tag buildup use the RAW output setting in the image field and css or align attribute. The documentation shows you how.
{if $INTRO_IMAGE}
< img src= "{$INTRO_IMAGE}" align="right" alt="{$JOOMLA_TITLE}" />
{/if}
Hope this helps.
Regards,
Patrick
I don't see all the code in the template (like why there is a link around the image with the image as href tag) but I think you can best follow this documentation:
http://documentation.form2content.com/f2c-field-types/image-upload-field-f2c-pro
If you want control over the image tag buildup use the RAW output setting in the image field and css or align attribute. The documentation shows you how.
{if $INTRO_IMAGE}
< img src= "{$INTRO_IMAGE}" align="right" alt="{$JOOMLA_TITLE}" />
{/if}
Hope this helps.
Regards,
Patrick
Please read the F2C documentation before asking questions! Thank you if you've done so
- more than a month ago
- F2C article templating
- # 3
Accepted Answer
Pending Moderation
Sorry again but where I find the class:
class="f2c_intro"
class="f2c_intro"
- more than a month ago
- F2C article templating
- # 5
Accepted Answer
Pending Moderation
Hi Marco,
1) The second image seems not to be set as RAW output like the first image .... format it and it will outline
2) align="bottom" ????? this will not outline!. Set to left or right
3) YOU determine the layout with the html/css in the F2C article template. May I ask your experience with this?
Regards,
Patrick
1) The second image seems not to be set as RAW output like the first image .... format it and it will outline
2) align="bottom" ????? this will not outline!. Set to left or right
3) YOU determine the layout with the html/css in the F2C article template. May I ask your experience with this?
Regards,
Patrick
Please read the F2C documentation before asking questions! Thank you if you've done so
- more than a month ago
- F2C article templating
- # 6
Accepted Answer
Pending Moderation
87/5000
Experience with CSS, medium. But I do not know where to go to find the css F "C article template
Experience with CSS, medium. But I do not know where to go to find the css F "C article template
- more than a month ago
- F2C article templating
- # 7
Accepted Answer
Pending Moderation
You can find the Form2Content intro template and main template via the template manager....
Also via FTP website_root/media/com_form2content/templates
We DO NOT add any CSS. Any styling comes from your Joomla template or from your custom CSS that you add yourself.
PS I also notice that you use the FORM template (at the bottom of the content type configuration). Nothing to do with the image but you do understand this is for the article submission form in the front-end. If you are still developing I would NOT suggest you set this to "yes" unless you absolutely know what you are doing.
Regards,
Patrick
Also via FTP website_root/media/com_form2content/templates
We DO NOT add any CSS. Any styling comes from your Joomla template or from your custom CSS that you add yourself.
PS I also notice that you use the FORM template (at the bottom of the content type configuration). Nothing to do with the image but you do understand this is for the article submission form in the front-end. If you are still developing I would NOT suggest you set this to "yes" unless you absolutely know what you are doing.
Regards,
Patrick
Please read the F2C documentation before asking questions! Thank you if you've done so
- more than a month ago
- F2C article templating
- # 8
Accepted Answer
Pending Moderation
PS ALSO NOTE: To align an image with align="left" the image should be placed ABOVE the paragraph tag. This is html/css know how and is not influenced by Form2Content.
Any image below the content will not wrap text around it.
Any image below the content will not wrap text around it.
Please read the F2C documentation before asking questions! Thank you if you've done so
- more than a month ago
- F2C article templating
- # 9
Accepted Answer
Pending Moderation
343/5000
Dear in the response, it is hard to find so fast support.
I want to get to the article display as attached files.
I saw that this is changed with the template model \ main.tpl manager.
but it does not change the second image.
I must therefore take action on the article CSS template, in my case BEZZ_20 ??
Dear in the response, it is hard to find so fast support.
I want to get to the article display as attached files.
I saw that this is changed with the template model \ main.tpl manager.
but it does not change the second image.
I must therefore take action on the article CSS template, in my case BEZZ_20 ??
- more than a month ago
- F2C article templating
- # 10
Accepted Answer
Pending Moderation
I have difficulty understanding what you are asking.
You have outlined the intro image and it works. Now do the same for the second image. In the field settings set output to RAW and add the code in the main template.... nothing to do with CSS initially, just basic image tag.
{if $SECOND_IMAGE}
< img src= "{$SECOND_IMAGE}" align="right" alt="{$JOOMLA_TITLE}" />
{/if}
You have outlined the intro image and it works. Now do the same for the second image. In the field settings set output to RAW and add the code in the main template.... nothing to do with CSS initially, just basic image tag.
{if $SECOND_IMAGE}
< img src= "{$SECOND_IMAGE}" align="right" alt="{$JOOMLA_TITLE}" />
{/if}
Please read the F2C documentation before asking questions! Thank you if you've done so
- more than a month ago
- F2C article templating
- # 11
Accepted Answer
Pending Moderation
I tried various solutions. and this is very close to what you would like.
This is the code in the template Article:
<P ALIGN = "justify">
{if $INTRO_IMAGE}
{$INTRO_IMAGE}
{/if}
{$INTRO_TEXT}
{if $INTRO_IMAGE}
<img src = {$INTRO_IMAGE_RAW} align="left" hspace="175" vspace="75">
{$MAIN_TEXT}
{/if}
</P>
Except that there are no spaces around the image.
In the first one and the second NO.
How can I do??
This is the code in the template Article:
<P ALIGN = "justify">
{if $INTRO_IMAGE}
{$INTRO_IMAGE}
{/if}
{$INTRO_TEXT}
{if $INTRO_IMAGE}
<img src = {$INTRO_IMAGE_RAW} align="left" hspace="175" vspace="75">
{$MAIN_TEXT}
{/if}
</P>
Except that there are no spaces around the image.
In the first one and the second NO.
How can I do??
- more than a month ago
- F2C article templating
- # 12
- Page :
- 1
There are no replies made for this post yet.
However, you are not allowed to reply to this post.
However, you are not allowed to reply to this post.
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »