• 0
Sign in to follow this  
Followers 0

Cform in PageLines not working as it should

Question

Posted · Report post

Hi! I stumbled across this wonderful plugin, Cform http://www.deliciousdays.com/cforms-plugin/ When i bought page line I thought that it would be integrated with Wordpress so that it would not generate unnecessary conflicts, I know that some plugins can behave strange with each other, how ever I thought this would be safe with Page Line. If someone could look at this to sites. It is the exact same form on both sites. How ever on one of the sites page line is NOT installed. The one that is installed with page line is pehjaproduktion, the other one is not. As you can see the forms look different. The default is on habobigband. This is how it it supposed to look. http://habobigband.se/intranet/?page_id=90 This is with page line and NOT how it should look http://peterhjalmarsson.se/blogg/test-form/ Does anyone have any Ideas of what is wrong, or where I can look to get it straight. I have several sites and it is the same with all of them. The ones with Page Line down not work properly. But all the others does. Thanks for any help i can get!

Share this post


Link to post
Share on other sites

21 answers to this question

  • 0

Posted · Report post

Peter, Likely, there is a plugin conflict creating a CSS error that cForm picks up. If you have any plugins installed on http://peterhjalmarsson.se/blogg/test-form/ then deactivate them temporarily and refresh your browser. If you go to Dashboard > Pagelines > Welcome and scroll down, you will see that cForms is one of our favorite plugins. It has been tested with PageLines Framework, so I believe this is a conflict. If the problem resolves itself with the plugins deactivated, reactivate them one at a time, to find which plugin is causing the issue. Once you find it, then you'll be able to replace that one.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ok, thanks rangelone. I will try that. It's just that it behaves like that on all my sites with Page line.. and the plugins are different on all the sites. But i will start with this one.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No it was not that. I deactivated all the plugins. (even Cform) then I activated only Cform but still the same result.. I emptied the cashe as well. Any other suggestion.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Peter, there are form entries in the base style.css file that PageLines uses which interferes with the styling provided by cforms. There is unfortunately no easy way to fix it, especially since we are not supposed to directly edit style.css. What I ended up doing to fix this problem is to add new CSS rules to the "Custom Code" section for the attributes that were causing the problems. That Custom Code section takes precedence over all other CSS files, so you can override the interfering properties. However, two warnings: 1. There are a LOT of properties to edit if you want it to look like the original cforms version. I had to make a compromise and work with a cform style that was a little more PageLines friendly. The ones with the labels to the left of the boxes are particularly problem-prone. 2. Changes to Custom Code are sitewide so any objects that also use those properties elsewhere will be affected. I found that using Firebug was the easiest way to determine which properties I needed to manually adjust.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Peter, jerthomp's insight about Firebug is very true. If you need assistance with it, we can guide you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks both jerthhomp and catrina, and yes I would like help.. However I think this is strange, as Ragelone mentioned this plugin is something that PageLine have been trying to implement into there product and I can find it as a recommended plugin inside PageLine. It seems somewhat strange that the default stile in Cform should not work ?. So I would hope that someone from Pageline could comment on this.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'm not certain about the details regarding the plugin, but I'm sure someone else from PageLines has more insight.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Could you tell us exactly what you don't like about the way the form is appearing?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

HI Jenny! Yes, I would like it to look like it should. As you can se from my two examples above e.g. 1. The box is larger. 2. The text "(required)" is not read. 3. The text "My Fieldset" is not shown at all. Its just plain ugly. I like it the default way. But most of all I don't like the fact that I can't relay on it to look the way it was supposed to do. Regardless the appereance. I am NOT god at CSS. I am a designer not a programer. So when I find something I like, I want it to look that way. When the software fail, I am lost. That sad. I can do some CSS, and html. And what I can't understand i find out eventually.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

1. Are you referring to the box surrounding the form? 2. Add this code to Custom Code > Custom CSS to change the "required" text to red: [code]span.reqtxt {color: #ff0000 !important;}[/code] 3. Where exactly is this text supposed to appear in the form?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Catrina. But i would rather know way the form look different i PageLine. You can see both forms in the original post. They should look exactly the same without having to tamper with the css. I'm really grateful for all the help you are giving me. But at the same time surprised that you do not see the difference.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry for the misspelling.. it should be why...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Pehja, Take a look at gravity forms. I use it for all my sites because its so easy to set up. But its not free. Works well with Pagelines.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hmm.. Thanks cptnemo! Looks like I can use this instead. I'm not worrying about the pricing. Thought cform was perfect. Could do so much with it. But i will certainly look into gravity forms.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Do you need further assistance with the form you have or will you be using Gravity Forms instead?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Peter, The reason for the slightly different style is that PageLines comes with CSS that styles forms, which is making changes to the 2012 theme for cFormsII. If you wish to continue using cForms (which I don't really recommend as I personally find it rather ugly) you will need to comment out the CSS for forms in style.css in your pagelines theme folder. However, for contact forms, I recommend the following: Premium Form plug-ins: Gravity Forms - http://www.gravityforms.com/ JigoWatt AJAX Contact Forms - http://bit.ly/wtEYzX Free plug-ins: Grunion contact forms - http://wordpress.org/extend/plugins/grunion-contact-form/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Gravity Forms looked good but was expensive. I am not sure how much I will be needing it. IF we could get Cform to behave as it should, I would be glad to continuing using that one instead.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK Thanks Danny for a proper answer. If I comment out the css styles in Pageline. It will effect the rest of the theme as well. I agree that the corm look ugly with PageLine. But without it, it looks great. :-) I thought Gravity forms looked good. Catrina, lets leave it at that. Thanks for your effort!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny! There are a lot of lines with "forms" in the style.css Which one is it ? Forms and input or forms/contact etc. And isn't it already commented out ? /* * @ Forms and Inputs ****************************************/ input{ font-size:110%; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; padding: 5px; } input:focus{ outline: none; } input::-moz-focus-inner { border: 0; } input[type="text"]{ max-width: 600px; } textarea { font-size:110%; border-color:transparent; border-style:solid; border-width:1px; padding: 5px; width: 96%; max-width: 600px; display: block; }

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Halleluja! (i'm not religious) but i fixed it! So @jerthomp this would seem to bee a much simpler way than the one you suggested. Only thing that was not fixed was the color. But that might be fixed with @Catrinas suggestion.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK, just one more thing. The "message box" is out of line. Is there a simple way to correct that. In the same style.css.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0