Forum Replies Created
-
AuthorPosts
-
Ryan
MemberHey Marc, so here is a sample for customizing the form a bit so you can do what you want with your columns. There are several different things that need to be done, so please let me know if you have any questions regarding the following, and just a note, depending on what you’re wanting to do, may take more or less time on your part:
1) We need to customize the markup of the form itself a bit. Basically we need to place a parent container around our “columns” where want to create our columns. So this plugin, as well as the Events Calendar, has the incredible ability to allow us to customize a whole template of the plugin, which is what we need to do. If you don’t already have one, create a new folder in your active WordPress theme directory called “events”, and inside that folder create another folder called “community”.
2) Now to customize our markup. Inside your newly created “community” folder, add a new file called “events-meta-box.php”. Now if you look at the actual Community plugin, specifically in the “views” folder, there is a file that has the same name. Copy everything out of this file and paste this into your newly created file and save.
For the markup, and this is just an example, you could do anything and anywhere you want to create your columns (for this example I’m splitting everything below the Event Categories to the Cost input into columns, based on your current pg), In the “events-meta-box.php” add “” directly above this bit “”, should be around line 34. Then add “” directly above this bit “” tag around line 121. Finally, add “!– .smf-column –>” above the final closing “” tag around line 147.
3) Now all you need to do is target the markup with CSS to accomplish what you want, which would be something like the following (or might be a bit different depending on your theme’s styles and css going on):
.smf-column {
float: left;
width: 45%;
}
You may also find you need to put a “clear: both” on the element following the columns. That’s the basic idea, and to do something like splitting the complete form into two columns is possible, but you may need to rewrite a good portion of the markup in the whole form to accomplish this.Hope this helps!
Ryan
MemberHi Marc, I’m poking my head in to see how I can help out with styling up your form. Quick question for you, how, specifically are you wanting to split up the form (or put a different way, beginning where in your form are you wanting to have the 2nd column)?
-
AuthorPosts
