Foundation framework & Textpattern comments & contact forms

nardo · 2012-06-23 02:00:14

Anyone using Foundation framework with Textpattern?

Grid/layout elements very helpful to get basic site structure up and running. But with forms, to take advantage of ‘nice’ inbuilt styles, you have to add classes to the form elements – not so easy, esp. with zem_contact_reborn.

Will probably take their form styles & apply to zem_contact_reborn classes & IDs – but is there an easier way?

jstubbs · 2012-06-23 03:29:55

I used Foundation on my personal site, it is very easy to use. In my case I just added custom styles in a separate sheet that either overrides the Foundation CSS or add new styles.

nardo · 2012-06-23 04:27:31

Hi Jonathan, all is good – except for comment forms, and zem_contact_reborn forms. I could just hack the plugin & the Txp source (to add ‘nice’ class to form element, etc) … probably easiest, just have to remember when upgrading.

etc · 2012-06-23 08:28:08

Altering attributes (e.g. class) of dom nodes is quite easy with etc_query if you know their xpath (within data):

<txp:etc_query data='<txp:zem_or_something ... />' replace="xpath/of/node@@class=nice" />

You could also do it client-side with jQuery.

nardo · 2012-06-23 10:45:23

Thanks etc, good one.

It is not that difficult to reproduce the Foundation styles for forms; I will post a link when the site is live.

progre55 · 2012-06-27 17:50:40

nardo:

I have recently become interested in Foundation and look forward to anything that you share.

progre55

geoff777 · 2012-06-29 14:54:25

The problem with Foundation and other off-the-shelf CSS/JavaScript grid templates is the size and redundancy.

Foundation’s CSS is 55k
and the JavaScript 130k

Unless you use nearly all the classes there is so much of Foundation’s CSS you aren’t using.

If Foundation could read all the scripts in a folder and generate a minified CSS file containing only the CSS needed then it would be worth using.

Last edited by geoff777 (2012-06-29 14:55:01)

jstubbs · 2012-06-30 03:28:55

Foundation has just been updated to v3 which includes the option to customize your build – fyi.

nardo · 2012-06-30 04:13:20

Looks like you no longer need .input-text class on input fields – v3 looking good.

maruchan · 2012-06-30 06:07:03

Foundation has just been updated to v3 which includes the option to customize your build – fyi.

That is pretty awesome. I wasn’t in love with v.2, but this is really solid. I’d like to find a way to use thumbnails with Orbit.

Textpattern CMS

Textpattern CMS support forum

#1 2012-06-23 02:00:14

Foundation framework & Textpattern comments & contact forms

#2 2012-06-23 03:29:55

Re: Foundation framework & Textpattern comments & contact forms

#3 2012-06-23 04:27:31

Re: Foundation framework & Textpattern comments & contact forms

#4 2012-06-23 08:28:08

Re: Foundation framework & Textpattern comments & contact forms

#5 2012-06-23 10:45:23

Re: Foundation framework & Textpattern comments & contact forms

#6 2012-06-27 17:50:40

Re: Foundation framework & Textpattern comments & contact forms

#7 2012-06-29 14:54:25

Re: Foundation framework & Textpattern comments & contact forms

#8 2012-06-30 03:28:55

Re: Foundation framework & Textpattern comments & contact forms

#9 2012-06-30 04:13:20

Re: Foundation framework & Textpattern comments & contact forms

#10 2012-06-30 06:07:03

Re: Foundation framework & Textpattern comments & contact forms

Board footer