Hi. Glad to be here. Just went thru the tutorials and am a bit overwhelmed. Any tips on where to begin?
2 Likes
Hi Dena,
It depends a little on if there’s something specific you want to accomplish with Wix Code. If you’re just trying to get used to the new functionality I’d recommend starting with creating a database collection. The content manager should be pretty familiar to you as it’s a basic excel-like grid that you can populate with data. Give some thought to creating a scenario you can play with where you might have multiple items of similar data you want to display. Any kind of a collection is a good example. Let’s say you are someone who collects coins. You might have fields for the nationality, value, currency, and condition of the coins. Use the Site Content permissions preset when you create the collection. Populate the collection with sample data you can use in your site. Read up on collections here: CMS (Formerly Content Manager): About Your Collection Fields | Help Center | Wix.com.
Once you’ve created a collection, create a dynamic item page that you will use to display each item in your collection. You can learn to do that here: https://support.wix.com/en/article/how-to-add-a-dynamic-item-page. You should also read about dynamic pages here: CMS: Examples of Dynamic Pages | Help Center | Wix.com. At this point the page will be empty except for the dataset.
The next thing you’ll need to do is set up your dynamic page so it can display the content from your collection. Add some regular text elements to your page and use the Connect to Data button to connect them to your dataset. You can read how to do that here: Working with the Connect Text Panel | Help Center | Wix.com. You should also read: CMS: About Connecting Page Elements to Collection Content | Help Center | Wix.com.
Now you just need to create links to your item pages from another, regular page. You can follow step 8 here to do that: Displaying Database Content on a Dynamic Item Page | Help Center | Wix.com. Now you can preview your site. Go to your regular page and check that the links take you the item pages for the items in your collection.
Once you’ve walked through this basic scenario you can dive more into dynamic pages, data binding, and working with user input elements. You should browse the documentation. It’s helpful with some of the articles to read them in a particular order and when that’s the case, there’s a note to let you know.
I hope this helps. Please let us know.
Just start playing around with it … you can browse the page I am working on right now … maybe you can get some type of ideas from there …
https://www.southtexastrails.com/groupaddsuccess
https://www.southtexastrails.com/Groups/Test-Organization
https://www.southtexastrails.com/addgroup
(It’s not finished AT ALL … but at least I already started.
1 Like
Thanks all for your insights. Yes, I’ll start playing around with things and learn something new!
1 Like
I am trying to get a date to display with just the Month Day and Year. The code does not return any error. But the result on the site still shows the same - Wed Jan 10 2018 00:00:00 GMT+0400 (Arabian Standard Time)
What could I be missing?
const oldDate = $w(“#text49”).text;
const newDate = oldDate.split(’ ‘).splice(1, 3).join(’ ‘);
$w(’#text49’).text = newDate;
Hi Sunil,
The easiest way to do this is to use a date picker element to display the date. Just add a date picker to your page and connect it to your dataset. If you set the dataset mode to read-only, the date picker will display the date you have in the collection but the user won’t be able to click and edit the value.
Basically you can use the input elements to display data also if that helps, and in this case the date picker doesn’t display time so you only get month day and year.
-Jeff