You can create your own custom blocks to use in your mashups using the block editor. Creating blocks is easy and fun, so let your imagination run free and create a cool block. You can use custom blocks to get data from your favorite web service, or to display information in a new way using HTML or even Silverlight and xaml.
EditThe Editor
The Block Editor
Save area
Main Content
Block Description
Block Code
Block Files
Search Area
Edit Main Content
Here you can edit the information for the tab that you have selected. Editing the block description will show you the xml for the block, editing the block code will show you the JavaScript, and editing the block files will show you the file upload interface. Click on each one of the tabs to see the interface change and to start creating your block.
For more information about building a block, read the
Block Building Guide
EditBlock Description
Clicking the block description tab will allow you to edit the metadata for the block. Here you can enter all the information about the block and its inputs and outputs using xml. For more information about how to write block metadata take a look at the
Block Metadata page.
EditBlock Code
Clicking the block code tab will allow you to edit the JavaScript for the block. Here you can edit the code that runs in the block allowing you to create completely custom functions and methods.
EditBlock Files
Clicking the block files tab will allow you to upload files to Popfly and store them with your block. You can upload images, text files, or even xaml files that you can then reference in your block's code. To reference your uploaded file, you can simply prepend the filename with "$base$".
Example:
image.src = "$base$/background.jpg";
EditSearch Area
Here you can search through all the other Popfly blocks that people have shared. You can then rip one, which creates a copy of it and opens it ready for editing. This allows you to work from an existing block instead of starting from scratch every time. You can use the ripping feature to add new functionality to a block, look to see how an existing block works, or get ideas to use in your own block.
EditMore Help
For more information about building blocks, read the
Block Building Guide.