Testimonials Minimize
Thanks for your great patience. Your support is the best I've ever seen!
K. Kossut
  
spacer
Quick Links Minimize
spacer
 

Welcome to the XMod Form and Template Exchange. For many, the best way to learn is by example and that's the purpose behind the exchange. Here we're gathering examples of forms and templates - from simple to sophisticated.

Those who are new to XMod may need an example of how to create a user feedback form. Those who have more experience may want to know how to create a grid view or style their displays.

Regardless of your experience level, we hope you'll find some valuable insights in these examples. Perhaps more importantly, we want you to contribute your own examples so that others can learn. Since XMod is so flexible, we're constantly surprised by the solutions that are created with it. So, please contribute to the exchange so we can all benefit.

Please Submit Your Form/Templates Here

Usage Notes:

  • Any XMod customer is free to add their forms and templates to our Exchange. We make mistakes and occasionally our customers do too. So, just because you find it in the Exchange doesn't mean it is necessarily correct. If you're having problems or find an error, post about it in our forums. The XMod community is a freindly one and someone is usually around to answer your questions. If you find an error, posting about it in the forums will help us get it corrected quickly.
  • An entry in the exchange may contain one or more items: a Data-Entry Form, a ListView Template, a DetailView Template, and a GridView Template. Some entries may be there to provide an example of how to perform a task. Thus, it may only contain a form, or a template. If an entry only contains a form, then, it may be left to you to create a display template (ListView, DetailView, and/or GridView).
     
spacer
XMod Form and Template Exchange Minimize
This module was created with XMod
Search with Alphabetical Filter 03/31/2009
Submitted By: Angus Beare
This is a simple search form with a search box and an alphabetical filter list.

Just set up your template module to receive the parameter 'initial'. Be sure to set it up as 'exact match' checked.

If you want a message above the list to show which letter was clicked then add code similar to this to your template module HEADER section under configure module.

<xmod:select>
 <case value="{XMOD_Parameter:initial}" operator="=" expression="" comparetype="text">  
<p>&nbsp;</p>
<p class="Normal"><strong>All Flickas names listed..</strong></p><p>&nbsp;</p>
</case>
<else>

<xmod:select>
 <case value="{XMOD_Parameter:type}" operator="=" expression="txtBox" comparetype="text">
</case>
<else>
<p>&nbsp;</p>
<p class="Normal"><strong>Flicka Names filtered by the letter:&nbsp;{XMOD_Parameter:letter}</strong></p><p>&nbsp;</p
</else>
</xmod:select>
</else>
</xmod:select>

For an example: http://www.flicka20.com/tabid/842/Default.aspx

You must edit the strURL parameter to point to your page.
Advanced Filter Form: URL parameters from drop downs. 02/16/2009
Submitted By: Angus Beare
Several users on the forums have asked about using multiple drop drowns to pass URL parameters onto the query string.

I spent some time working out how to do it and here is a very simple example. I could not get the command button to work so used an ordinary link.

You will need to edit the code a little for your needs but it should be simple. Look at the variable strlocation and change to your url.

Just add this form to a formview module and set up your list module underneath to accept the parameters cat1 and cat2.

Clearly you can add as many drop-downs as you need but you will have to modify the strlocation variable to suit.

Notes:

Currently the drop-downs are set to compact. But they can also be set to minimal but not full.

After the page refresh the drop down goes back to the default selected item. It would be nice to have the drop down remain on the currently selected item. However, I cannot work out how to do this. If anyone does, please let me know via the forum.

AB. 9-2-09

UPDATE 2-16-2009:

Regarding multi-select lists I realise now that this can't work in the ideal fashion. This is because you cannot have an url parameter filter on more than one value.
So, if you want state=X or Y or Z you cannot do it. Because you cannot have ?state=X or Y or Z and you cannot have ?state=X&state=Y&state=Z. These don't work because url parameters were designed simply to pass unique params.

Unless you have a boolean field in your table for each state. e.g. ?isStateX=1&isStateY=0&isStateZ=1.  But this can hardly be sensible if your field has hundreds of possibilities. It would work for a handful and could be implemented. But it sure is ugly.
Booking Enquiry 01/21/2009
Submitted By: Angus Beare
This is a booking form suitable for a guest house or travel type web site.

The form has a special hidden field that's used to trick spambots. With this method I've had very few spam messages on some busy sites. You can use it on any public form. The hidden field is called 'email' but is only valid when empty. The real email field is called something else. The spambot looks for an email address field and tries in vain to fill it in. If you want a really secure form just create several of these fields. The spambot will not know which one is the real email field.

You must first add the following CSS to your portal or skin to hide the spam catcher field.

.special {
visibility:hidden;
}

The form sends two emails on submission. One to the user telling them that the company will reply soon and another to the company email. Both contain the enquiry details from the form.

There are four variables at the top of the form to make re-use easier;

CompanyEmail - the email to which the form is sent
CompanyDisplayEmail - the email address shown above the form.
CompanyPhone - company phone number
CompanyName - company name

Since each submission is logged in the database the list view gives you a list of all enquiries should a message get lost.

I have found that very rarely a submission gets to the database but the email is never received by the company. I think this might be due to the user sending from within a company firewall. Being able to check the enquiries list regularly helps in these occasions.
Dropdown List Search Form 12/15/2008
Submitted By: Angus Beare
I needed a filtering system for a site I've been working on and came up with this.

I needed two levels of filtering. Firstly, when the user clicked on a menu item the data was filtered on a master category. Then, I needed a drop down box to filter the data again on age range.

So, I created an xmod form with hidden submit/cancel buttons and a drop down list.  The form accepts a URL parameter for the main category (pass this in on querystring, e.g. ?CAT="XXX")

Then when the user selects a dropdown item the javascript appends the age range parameter onto the URL with the passed in parameter and redirects to the new URL (the same page with different URL parameters).

All you have to do it set up your list module to be filtered on both the URL parameters.
Mashups for XMOD 05/02/2008
Submitted By: Ray Chance
Mashups are the HOT! Smoking red hyper hot in Web 2.0 world. So hot Gartner says it will take a few more years for the all the hype to settle out. :<)

What is a mashup? Simply a web application that extracts web page data from one or more web sites and re-purposes for other uses. I have created a simple example in XMOD using two Dappers (http://www.dapper.net).  The first Dapper passes a question to a Magic 8 Ball and the second Dapper passes a question to Google.  I set XMOD up to first prompt for a name and question. When you click the "Summons" button it saves the data in XMOD and navigates to a second page where you see the both the Magic 8 Ball and Google display an answer to the same question. In each case the Dapper goes out to each website, extracts the data (i.e. answer to your question) and displays the results in HTML frame.  You can create your own Dappers in RSS, XML, Google Widget etc.  I created HTML Dappers because it is easy integrate inside an XMOD template (pure html).

Warning: These Dappers may disappear or break if something happens to either the targeted websites or my Dapper account.  Go the Dapper.net to create your own if you wish.

Installation:
I have created one form and one list template.  You will need two web pages. Go into the form and change the redirect url to the url of the page to contain your list template.

Enjoy!

PS. Some other uses - get the picture from facebook associated with the name in xmod, grab youtube vidoes matching a location in xmod, extract RSS from web pages that do not have RSS syndication setup, have Dapper email you when a stock you are tracking goes above a certain value, generate charts, reports, and lists ...on and on.

Java Enabled form with email 01/31/2008
Submitted By: Tony Smith
This template will collect data and depending on your answers to the number of guests question reveal additional fields, it then will email the result to the email of your choice, Greg on the forums helped out quite a bit. There wasnt anything like this on this exchange so I decided I would post it to help someone else out. There should be plenty of usable examples in here to get anyone started using XMOD.
YouTube Video Include 11/10/2007
Submitted By: Patrick Cummings
This example loads YouTube video thumbs inside your XMod template with the use of one javascript file.
The template requires you place an additional script library in your site. You can find the file at this URL: http://www.yvoschaap.com/youtube.html or get it directly from: http://www.yvoschaap.com/youtube.js
README:
Credits:  http://www.yvoschaap.com/youtube.html
I found this YouTube Video Include script at the above URL and tweaked slightly to work with XMod.
- Upload the youtube.js file to your server
- Create your form and use the simple code shown here.
- Create a detail template with anything in it. This does not require a detail template but you need to have one for XMod.
- Create a new template (List) and use the code from below. Make sure to edit the YouTube list template to point to the correct path of the youtube.js file on your server. as shown below:
<script src="http://www.yourwebsiteurl.com/js/youtube.js" type="text/javascript"></script>
Please Note:
The template is pretty crude. I have not tweaked this much. You will probably want to move the css out to your skin.css file to make things prettier.
BrightCove Player using the BrightCove ID ( Flash Player) 10/20/2007
Submitted By: Craig Porter
This is an incredibly simple way to playback BrightCove videos using the BrightCove Title ID.
This allows you to create records that only include the Title of the clip, description text and the BrightCove title ID

literal -tags are added before and after the BrightCove provided Javascript

The required video ID is pulled from the XMOD field:
config["videoId"] = xmod:field name="ClipID"//

That's it!!
Kill the 'Edit Item' title 10/14/2007
Submitted By: Eric Mourant
Insert this into your form definition and it hunts down and kills the window title 'Edit Item'.
Fading News Ticker 08/04/2007
Submitted By: Kelly Ford
Source code for the Fading News Ticker Demo. This demo requires you place an additional script library in your site. You can find the file at this URL: http://www.texotela.co.uk/code/jquery/newsticker/

The form is very simple. It does not enable image uploads because I was working with a finite set of images and simply uploaded them to the website via FTP.
Page 1 of 6        1 2 3 4 5 6   Next >>  Last >|
     
spacer
Powered By XMod
dummy