Add css styles to Email template in wizard edit

Je

Jeroen3478956 02 Jan, 2013

Hello in wizard edit in Chronoforms_V4_RC3.11_J1.6 you could just add to the form template:
<head>
<style type="text/css">
.text2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #693;
}
</style>
</head>
But in Chronoforms_V4_RC3.5.2_J1.6 this is not posible any more what should I do to add these styles
to the e-mail template in de wizard edit?

How do you add for example the body backgroundcolor for the e-mail template?

I need to add more styles but this reads more easy.

Gr

GreyHead 03 Jan, 2013

Hi Jeroen,

If you switch to the Normal/Advanced Wizard instead of the Easy Wizard then you can add CSS to the Email template - though I'm not sure that you need the <head> tags with it.

Bob

Je

Jeroen3478956 03 Jan, 2013

Thanks for you answer.
How do you switch a existing form from easy to normal/advanced?
in Chronoforms_V4_RC3.5.2_J1.6

Gr

GreyHead 03 Jan, 2013

Hi Jeroen,

Please see this FAQ

Bob

Je

Jeroen3478956 03 Jan, 2013

Thanks very much Bob did not see that option.
A beer comming your way...

Gr

GreyHead 03 Jan, 2013

Hi Jeroen,

That may be because I just wrote that FAQ :-)

Bob

Je

Jeroen3478956 03 Jan, 2013

Great, I Like this😀

Je

Jeroen3478956 03 Jan, 2013

Got it working and I did ideed not need the <head> and </head> tags.
I still have a other problem but this is not related to this topic.
Greets,
Jeroen.

Mi

Mino 03 May, 2013

Hi,
I would like to add a link to my stylesheet,
I'm using CFv4 Email [GH] action,
I followed the instructions but does not work.
What could be wrong?
thanks

Gr

GreyHead 03 May, 2013

Hi Mino,

I'm not sure that you can sensibly include a CSS file into an email by linking. Most Email readers don't support that.

Bob

Mi

Mino 03 May, 2013

Hi Bob,
thanks for the reply,
do a great job here!

I wanted to try with a link because the method:

<head>
<style type="text/css">
. text {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: # 693;
}
</ style>
</ head>

does not seem to work with CFv4 Email [GH] action

Gr

GreyHead 03 May, 2013

Hi Mino,

I thought that had been fixed - I'll take a look when I have a moment.

It might work if you replace the double quotes with single quotes <style type='text/css'> or simply leave out the type attribute.

Bob

Mi

Mino 03 May, 2013

Hi Bob,

thanks for your support I will try what you have written,
since it controls the code looks at how the menu
After you install the action:

Uploaded with ImageShack.us

My version chronoforms is 4.0 RC3.5.2, I hope it is a useful information. 🙂

Mi

Mino 03 May, 2013

Forgive me Bob,😶

I removed check "Filter the email body"
everything works perfectly! 😀

but the problem menu
remains :wink:

Gr

GreyHead 06 May, 2013

Hi mIno,

The menu title is my mistake. There's an error in the Action code. If you want to fix it open the file /administrator/components/com_chronoforms/form_actions/show_html_gh/show_html_gh.php and change line 33 to

		$this->action       = 'show_html_gh';

I'll fix it for the next release.

Bob

Mi

Mino 06 May, 2013

Thank you very much Bob! 😀

Forums

Add css styles to Email template in wizard edit