Solodev FAQs

Solodev CMS 9.0 contains new features, updates, bug fixes, and user interface (UI) enhancements to the Solodev platform. This version of Solodev includes a comprehensive re-imagining of the Solodev backend with updated views, templates, and styles. A streamlined left nav allows users to quickly access common components such as Managers and Users. Table grids have been given a styling overhaul as have action buttons so that users clearly see what actions are available on a given view. All dependencies such as Boostrap and jQuery have been updated to the latest stable versions. New password policies are now in place to encourage more secure user passwords and sessions. Bug enhancements include fixes to the package importing process and dependency script errors.

Key Release Highlights

A comprehensive UI update for improved views

A new action modal that presents clear user actions and input fields

Updated dependencies to latest stable releases

New password and session policies for enhanced security

Improved Apps and Branding functionality

New "Marketplace" so that users can quickly add managers and apps

Improved Add Website process including the introduction of the LunarXP theme

New Features

SCMS-454 - Add SSL capabilities to Solodev back-end

SCMS-599 - Add new "Roadmap" view

SCMS-654 - Logout invalidates session

SCMS-655 - Password strict comparison

SCMS-675 - Add new "Add Website" view

SCMS-685 - Add timezone to user settings

SCMS-686 - Add timezone to website settings

SCMS-689 - Global STML check for website timezone

SCMS-698 - Users - validation on change password

SCMS-721 - Add new "Users" view

SCMS-722 - Add new "Groups" view

SCMS-729 - Add Apps view to Solodev backend

SCMS-731 - Styling - Move CSS & JavaScripts assets to global/minified includes

SCMS-733 - Add new "Permissions" view

SCMS-736 - Add new "Workflows" view

SCMS-744 - Add new "Branding" view

SCMS-745 - Add new "Managers" view and functionality to download remote managers

SCMS-761 - Create shortcode that can query users within a folder and a specific user group

SCMS-763 - Add new "LunarXP" installable website package

SCMS-798 - Add new "Reports" view

SCMS-802 - Add selector so as to add users to a specific group

SCMS-849 - Rework user functionality so that they receive invite email

SCMS-897 - Add new action icons

SCMS-931 - Add Blog posts to Solodev dashboard

SCMS-933 - Add new flyout "Action" modal

SCMS-1029 - Rework STML view so that it occupies larger portion of viewpoint

SCMS-1040 - Add file information to Meta panel

SCMS-1088 - Update Chef scripts to successfully configure SSL details

SCMS-1103 - Force backend SSL once SSL has been verified.

SCMS-1113 - Add CMS version number to login screen

SCMS-1167 - New shortcode that checks if an entry is mapped to a detail page and, if so, return the entry path

SCMS-1169 - Add an additional header insert field to mapped calendar entries to be used under the META panel

SCMS-1186 - Integrate experiments with Google Optimize

SCMS-1213 - Add Publish/Stage/Draft picker to STML view

SCMS-1266 - Add permissions selector for the grid view

SCMS-1289 - Add "Config" view

SCMS-1339 - Add two inputs to the Config view under "SSL" for Load Balancer URL/Dedicated IP and SSL Backend URL

Improvements

SCMS-487 - Force shortcodes in WYSIWYG editor to render as block elements

SCMS-534 - Refactor session to use JWT

SCMS-626 - Update Boostrap 3 to 4

SCMS-656 - Improved user password policy

SCMS-657 - Improved session timeout

SCMS-659 - Improved password abuse policy

SCMS-660 - Improved password reset link

SCMS-672 - NPM Compiling Modifications

SCMS-730 - Switched to Font Awesome 5 for icons

SCMS-806 - Force backend templates to process shortcodes

SCMS-878 - Dynamic activity log and groups memberships on user profile

SCMS-926 - Add notificaiton/status to Delete Website operation

SCMS-1027 - Rearrange fields in Meta modal on STML pages according to importance

SCMS-1061 - Remove padding from DynamicDiv view

SCMS-1168 - Add URL display for mapped manager entries

SCMS-1214 - Prevent STMLs from inserting into DyamincDivs by forcing them to open up in a new tab

SCMS-1215 - Apply discussed changes to stmls

SCMS-1367 - Modify entry URL to include preview attribute if entry is set to draft

Bug Fixes

SCMS-493 - Publish asset file on copy/move

SCMS-513 - Delete manager entry stub after entry is deleted

SCMS-527 - "Target" attribute stripped from WYSIWYG in category description

SCMS-533 - Exported package not bringing over manager image fields

SCMS-536 - Manager inputs covert long number strings to scientific notation

SCMS-969 - Modify modal on user and groups doesn't dismisses after submitting

SCMS-994 - Fix icon clicks in datagrid to properly open new tab/detail view

SCMS-999 - Website Settings modal content can get hidden under bottom button bar

SCMS-1002 - Proper 404 response headers on "unlicensed" responses

SCMS-1010 - Timezone on "Modify User" not working

SCMS-1109 - Add bottom padding to the object chooser modal so that list is not cut off

SCMS-1124 - When removing Custom CSS related to branding, some comment is needed in order to save otherwise the files does not save

SCMS-1131 - Missing icons associated with embedding a file group into an STML

SCMS-1143 - If the user is in the Website's section, they can open up additional tabs of the same asset file via the table grid and file tree

SCMS-1172 - Opening a manager's form template from inside a tab takes the user out of "Websites" and into the "Documents" section

SCMS-1174 - Shortcodes do not process on "Add Entry" views

SCMS-1229 - Exporting more than 60 entries from a datable doesn't work in Edge

SCMS-1233 - Exporter doesn't bring over the associated shortcodes file in the config.json

SCMS-1241 - Exporter does not recognize Experiments

SCMS-1244 - "isPageTemplate" field is not exporting to config.json

SCMS-1268 - "fileparse" URLs are not exporting and dynamically referencing their new location upon install on new instance

SCMS-1360 - Exporter does not dynamically change the ID attribute of the category_list shortcode

SCMS-1361 - Exporter does not map images to category

SCMS-1362 - Exporter does not map attachments/gallery images to entries

SCMS-1370 - SCSS asset update does not fully publish new minified css files

SCMS-1372 - Reset password link for user coming back as expired or invalid

CMS 9.0.120

Improvements

CMS-1507 - Add Permissions link to both User Detail and Group Detail pages

CMS-1517 - "custom" permission sets should show in the members selector so that they can be deleted

CMS-1580 - Admins should have the ability to remove users from a group

CMS-1584 - Sticky infoDivs on scroll

CMS-1585 - Sort by most recently edited website on the actual Websites route

CMS-1605 - Make object icon from permissions flyout clickable

CMS-1611 - Show "no users" message for groups without users

CMS-1612 - Add shadow/bordering around website image on the website dashboard

CMS-1613 - Add full row rollover and make entire roll clickable on primary dashboard

CMS-1615 - Exclude form submissions from list of recent activity

CMS-1621 - Add conditional check to calendar entries for "canonical_url" form field

CMS-1622 - Logged-in users cannot assign permissions in the Managers view

CMS-1636 - Updating an image using the "Browse" feature should default to the folder of the existing image

CMS-1663 - Add path location to modules table

CMS-1665 - Add copy/paste from Word option to standard WYSIWYG editor

CMS-1666 - Add text alignment and styling options to default WYSIWYG editor

CMS-1668 - Allow the search input on the modules view to search the locations column

CMS-1686 - Limit number of groups/members that can show in the grid column

CMS-1689 - Limit number of groups shown on the users grid

CMS-1712 - W3C HTML Validation issues

New Features

CMS-1557 - Add role drop down to view permissions and enforce them

Bug Fixes

CMS-1488 - If multiple apps are installed and visible, the left navigation is cut off on smaller screens

CMS-1500 - Configure basic support for Inventory object

CMS-1575 - "Browse" file uploader throws an error when used during the "Add Entry" process

CMS-1597 - User API token is broken

CMS-1618 - Can't remove users from a group

CMS-1631 - Add title attributes to user/group icons in table grids for hover

CMS-1633 - Group detail pages are missing conditional check to see if a group has an image uploaded

CMS-1637 - Multiple calendar entries are occasionally added

CMS-1640 - SEMrush website dashboard is missing column data

CMS-1641 - Blank website dynamic div includes mispositioned icons

CMS-1647 - Datatables warning with adding permission sets

CMS-1650 - Prevent group from being added as a member to itself

CMS-1651 - Group users with "Admin" access to a module are missing key actions such as Save, Copy, and Delete

CMS-1656 - Categories view extends off the screen, hiding the bottom most elements

CMS-1660 - Inviting users on Firefox creates a loop that sends multiple emails

CMS-1670 - Non-super users get a 404 when adding a new module

CMS-1671 - Groups that a user creates are not visible on their Groups view

CMS-1673 - Permissions table exceeds width of modal

CMS-1674 - Non-super user cannot invite users on their own

CMS-1677 - Users cannot remove their profile image

CMS-1684 - Logged-in users cannot edit Website Settings

CMS-1685 - Logged-in users cannot un-map an entry from a category

CMS-1687 - XML Files return "Access Denied." message

CMS-1701 - JavaScript error on website dashboard

CMS-1703 - recordOutboundLink is added multiple times to each link

CMS-1720 - Non-super users cannot create assignment ticklers

CMS-1725 - Uploading a document through the WYSIWYG "Link -> Upload" button returns "Incorrect server response"

Solodev CMS 8.3. boasts some of the biggest improvements made to the Solodev Platform including but not limited to themes, also known as packages, a complete UI/UX redesign, inline editing to make content edits on the fly, the ability to turn web pages into reusable templates, an all new dashboard to serve as your command center, in-depth documentation, 24/7 support via Zendesk, an HTML5 friendly filesystem, and an entirely new shortcode system to make web development on the Solodev CMS platform even easier for content authors, marketers, designers, and developers.

Important highlights from this release

Added "Forgot Password" functionality to login

Added new Business Theme package to CMS

Added "Expired in" Functionality

Complete User Interface Redesign

Added Inline Editing Function

Added ability to turn web pages into reusable templates

Added new Dashboard with:

Tasks/Assignments

Google Analytics Integration

Announcements

Shortcut Actions (Add Page, Add File, Add Module, Add User)

Added package (theme, module) importer

Added In-Depth Documentation to CMS (release notes will be updated here)

Improved Mobile Responsiveness

Added Generate Sitemap/Robots.txt Function

Added HTML5 Input Types

Added Shortcodes to streamline Web Development

Added Support Infrastructure in conjunction with Zendesk

All updates for this release:

New Feature

SCMS-322 DONE Website Wizard: Add "Import Package" Checkbox Section

SCMS-315 DONE Create ability for custom shortcode file

SCMS-309 DONE Finalize Business Theme Package

SCMS-306 DONE Add Modified by to Datatable Category

SCMS-296 DONE Forgot Password: Link front end to back end

SCMS-251 DONE Develop new "Pricing" page

SCMS-237 DONE Create Package Modules

SCMS-211 DONE Import package - The All-in-One

SCMS-188 DONE Build Native Document Manager for Craig to review and add to codebase

SCMS-178 DONE Complete replacements for Solodev system Icons

SCMS-156 DONE Build out Select Approved Theme Step in Wizard

SCMS-151 DONE Build Native Slider Manager

SCMS-148 DONE Dashboard: Latest Assignments

SCMS-133 DONE Build Photo Gallery Manager

SCMS-128 DONE Auto-publish files on import

SCMS-108 DONE Dashboard Actions: Add Page, File,

SCMS-106 DONE New Dashboard: Stats / Tasks / Shortcuts

SCMS-102 DONE Import Package from website

SCMS-65 DONE Add Forgot Password to CMS Front-End

Improvement

SCMS-384 DONE File Group File Name Input

SCMS-375 DONE Got Rid of 'Add Assignment" JS Checkbox

SCMS-359 DONE Uneven amount of spaces between pikes and colons

SCMS-349 DONE Switch out Old Business Package with New Business Package

SCMS-342 DONE Finalize Zendesk Documentation

SCMS-326 DONE Delete Analytics Step from Website Wizard

SCMS-318 DONE Mobile Responsive Issues

SCMS-314 DONE Import Package: Need to show Success/Error Modal

SCMS-297 DONE Finalize Package Installer

SCMS-295 DONE Add Captcha Error Message

SCMS-282 DONE Final Documentation Update for CMS 8.1

SCMS-267 DONE Swap out PHP templates with Shortcode Templates

SCMS-258 DONE Shortcode WebCorpCo Modules

SCMS-230 DONE Create Ability to Update Columns for Datatables / Calendars

SCMS-209 DONE Add HTML5 input types

SCMS-190 DONE Generate Sitemap

SCMS-185 DONE Tabs to accordians

SCMS-166 DONE Import Package Functionality on Welcome Wizard

SCMS-134 DONE Replace Solodev Icons across the board

Bug

SCMS-368 DONE Intranet: Reset Password

SCMS-367 DONE Change password causes problems

SCMS-360 DONE Page Image on ViewSTML not functioning

SCMS-357 DONE Import Package needs Auto-Publish

SCMS-354 DONE What is causing overlapping of DD's in back end?

SCMS-353 DONE Cannot Delete Website

SCMS-333 DONE Sitemap is not auto published upon generation

SCMS-323 DONE Website Wizard: Analytics Redirect Bug

SCMS-316 DONE Resizable Left Nav makes scrolling nearly impossible

SCMS-311 DONE Categories not scrolling

SCMS-308 DONE Package Processor Template

SCMS-304 DONE Asset Category Group does not display ownername in dataGrid

SCMS-303 DONE Category Groups Displaying Incorrectly

SCMS-301 DONE Team Page not displaying properly

SCMS-300 DONE Intranet requires logout

SCMS-294 DONE Add User Group Dialog in Calendar Events

SCMS-291 DONE Links missing "Modified by" data

SCMS-290 DONE Modify User-> Fields not saving when modified

SCMS-288 DONE Core Solodev Tree Folders displaying 1970 on Date

SCMS-287 DONE Sitemap Generator generating duplicates

SCMS-280 DONE Original Event Entry -> Reoccurring Events

SCMS-278 DONE New Site Creation Adds _Assets to root

SCMS-274 DONE Grid: Sort by, Modified by not functioning

SCMS-271 DONE CKEditor Source Code Text Cut Off

SCMS-263 DONE Issues where it logs you out without telling you you're logged out

SCMS-255 DONE Scrolling not working on manager entry

SCMS-254 DONE Thumbnail are not getting created on gallery (calendar)

SCMS-252 DONE Documents not showing when uploading from WYSIWYG

SCMS-236 DONE Google Analytics Timing out within one hour or less

SCMS-233 DONE Timeout when publishing large amounts of content

SCMS-229 DONE Dashboard: Remove tooltip that has no action and just breaks line

SCMS-228 DONE View User is displaying Modify User Template

SCMS-227 DONE Expire Date In Button Group Misaligned

SCMS-222 DONE Deleted categories can still have children added

SCMS-218 DONE Filegroup expire date

SCMS-216 DONE Open Tasks not displaying for assigned user on Dashboard

SCMS-215 DONE Shortcuts are being pushed below GA

SCMS-214 DONE View Asset File: Meta Information Tab has Feedback Tab Fields

SCMS-213 DONE ViewSTML: Cannot see full screen when moving left nav

SCMS-212 DONE Solodev Dashboard Responsive Issues

SCMS-210 DONE Duplicate Files from Landing Page Manager

SCMS-207 DONE On Import Package or Select Theme files aren't auto-published

SCMS-206 DONE Website Creation Modal Populating in bottom left corner

SCMS-202 DONE demo6: Duplicate Views on Session Timeout

SCMS-200 DONE Add email type to Form Parser

SCMS-193 DONE Clean up Datatable Website Properties

SCMS-192 DONE Just get sessions for right date range

SCMS-182 DONE Assets being written to root

SCMS-176 DONE Import Theme: Image Paths

SCMS-174 DONE Native Managers: Need to Auto-publish templates

SCMS-161 DONE Dashboard Inner Wrapper

SCMS-142 DONE HTML Form Builder Scroll Issue

SCMS-139 DONE Responsive: Can't see Next and Previous buttons on Welcome Wizard

SCMS-130 DONE Solodev Account Update Slim App Error

SCMS-111 DONE Apache restart

SCMS-61 DONE Google Analytics Expiration

SCMS-57 DONE Subfolder search not functioning

SCMS-32 DONE Fix Captcha Shortcode

Task

SCMS-376 DONE ADA fixes on Payments.stml

SCMS-374 DONE Incorrect time displayed on Feedback

SCMS-373 DONE Too much space between panel and content

SCMS-371 DONE Creating Users/Permissions from Config

SCMS-370 DONE Meta Data Auto Populate on Import

SCMS-365 DONE Error Alert on Update Website for no reason

SCMS-363 DONE Social Section is missing from Update User

SCMS-352 DONE Package Import: Publish, Stage, and Save Not Selectable

SCMS-347 DONE Remove Repeater, Detail Display Options from Inventory and Jobs

SCMS-346 DONE Remove Calendar Options that do not trigger panel display

SCMS-343 DONE Kill Confluence Doc Iframe, display Zendesk Docs

SCMS-341 DONE Smartkrawl.com (Business Package) Final De-Bugging

SCMS-340 DONE Mobile Responsive Issue on smartkrawl/webcorpco team page

SCMS-338 DONE Add 404.stml

SCMS-336 DONE Add Modified by to Category under Category

SCMS-334 DONE Organize Documentation on Zendesk to Match Confluence

SCMS-332 DONE Fix markup on File Upload button

SCMS-331 DONE Add Find and Replace Function to CKEditor/Content Areas

SCMS-330 DONE Created Google Alert System for Marketing

SCMS-329 DONE Review code that creates SiteMap

SCMS-327 DONE Migrate Documentation from Confluence to Zendesk

SCMS-325 DONE Find solution to avoid [admin_only] shortcode workaround

SCMS-324 DONE Add Select Box (Save, Stage, Publish) to Package Importer

SCMS-310 DONE Fixing Google Analytics tracking issues

SCMS-307 DONE Style Intranet Forgot Password Pages

SCMS-302 DONE Copy Asset File not working

SCMS-299 DONE Update the config.json file

SCMS-293 DONE Solodev does not allow tilde or accent marks for categories

SCMS-276 DONE CKEditor/WYSIWYG Issues

SCMS-275 DONE update content for Comparison guide wp

SCMS-273 DONE mobile adjustments // webcorpco

SCMS-272 DONE add drop down menu for "about us" // webcorpco

SCMS-265 DONE Shortcode Clients Manager

SCMS-262 DONE Left Panell falls into a "glitch" and keeps cycling back to the top

SCMS-261 DONE Left Panel: The expand triangle is very, very sensitive.

SCMS-257 DONE Shortcode Footer Contact Form

SCMS-256 DONE Shortcode Slider Manager

SCMS-253 DONE CMS solution comparison guide

SCMS-250 DONE Style Resources Manager

SCMS-248 DONE WebCorpCo Final Punch List

SCMS-246 DONE Complete WebCorpCo Modules

SCMS-244 DONE Make "Title" Required for STMLs only

SCMS-243 DONE Need to move chevron (too close to chat chevron)

SCMS-242 DONE Build Module for Real Estate Listings

SCMS-241 DONE WebCorpCo Site Edits for Demos

SCMS-240 DONE Create global search for webcorpco

SCMS-239 DONE Build Module for Automotive Listings

SCMS-238 DONE Create generic Category, Date, Search action

SCMS-234 DONE Cannot see 'Solodev' on initial login screen

SCMS-232 DONE Process Package needs scrollbar

SCMS-226 DONE Feedback: Admin has no way of knowing Task is Complete

SCMS-219 DONE dynamicDiv button for CkEditor

SCMS-217 DONE Create Expires On field for Asset_File

SCMS-205 DONE Hitting tab in website url field directs to object chooser for websites folder

SCMS-198 DONE Last Looks on WebCorpCo Web Pages and Module Functionality

SCMS-191 DONE Calendar Types, future Dates

SCMS-184 DONE Update Inventory: Object Chooser not Saving

SCMS-177 DONE Draft New Solodev Documentation Hierarchy & Content

SCMS-173 DONE Inventory Manager: Display Template Error

SCMS-172 DONE Map out list of icons needed to switch out before launch

SCMS-171 DONE Build eCommerce Theme

SCMS-170 DONE Test Native Modules

SCMS-169 DONE Need to add Delete Action in System->Websites

SCMS-165 DONE Document all new features

SCMS-164 DONE Build out AppStrap Theme for Solodev

SCMS-163 DONE Build out Solodev Sandbox Theme

SCMS-162 DONE Migrate Cart Templates to demo6

SCMS-160 DONE Match Update Calendar Dropdown

SCMS-154 DONE Update Folder: Restrict Access Issue

SCMS-153 DONE Build FAQ Manager

SCMS-150 DONE Dashboard: DTP Not Responsive

SCMS-149 DONE Dashboard: Users on Site Now

SCMS-145 DONE New Build STML File loses styles when edited inline

SCMS-141 DONE Style Preview STML action bar

SCMS-140 DONE Test new features

SCMS-138 DONE AWS does not accept caps in URL

SCMS-137 DONE Contact Us: Send Message Button

SCMS-132 DONE Build Sandbox Themes for Free Trials

SCMS-131 DONE Solodev Account->Validation: Changing Password->Address Fields

SCMS-127 DONE Add Form: Move OK/Cancel Buttons to input as button group

SCMS-123 DONE Run builder script on documentation <ul> file

SCMS-87 DONE Documentation: Export HTML from Confluence

SCMS-6 DONE Create Solodev Ticket System

Sub-task

SCMS-321 DONE Rethink mobile navigation, left-nav cuts off screen, makes it difficult UX

SCMS-320 DONE Panel Heading UI Needs Fix

SCMS-319 DONE Cannot make inline edits on mobile / when there is other JS on page

Solodev CMS 8.4 boasts a series of new features, updates, bug fixes, and User Interface (UI) improvements to the Solodev platform. Solodev CMS 8.4 introduces an automated themebuilder, CodeMirror implementation to make writing code in Solodev easier, and a series of platform-wide bug fixes. The release of Solodev CMS 8.4 willmake web development on the Solodev CMS platform even easier for content authors, marketers, designers, and developers alike.

Important highlights from this release

ImplementedCodeMirror and Search

Added Auto-Theme Builder on Install

CreatedAbility to Add Additional Subscriptions

Improved UI for Form Upload

Improved User Profile UI

Improved Drag and Drop Form Builder

Improved Validation to Back-end Login

Added Redirect to Workspace after Website Install

Added functionality to Table Schema Form Builder

Fixed Bug Prepending IDs to URLs

Improved Object Selection

All updates for this release:

Improvement

SCMS-442DONE- Add Theme On Install

SCMS-443DONE- Add Redirect to www after Website Add

SCMS-146DONE- Account: Create add additional subscription functionality

SCMS-247DONE- Fixed Entry rewriting prepending IDs to URLS

SCMS-292DONE- Added Image, Submit Fields to Table Schema

SCMS-312DONE- Solodev Pricing Page via AWS(SaaS), On Premise

SCMS-328DONE- Sign up for new single server and build demo website - demo10

SCMS-358DONE - Test import package page - Meta Desc & Keywords

SCMS-393DONE - Datatable & Calendar Resaver

SCMS-394DONE - Code Mirror Styling

SCMS-412DONE - Add Website Loader

SCMS-425DONE- Code Mirror Search in document

SCMS-399DONE- Improved Object Selection

SCMS-413DONE- Improved UI for Form Upload

SCMS-418DONE - Enabled Server/Theme Builder Synchronization

Bug

SCMS-268 DONE - Disabled Zero Integer Save in Module Fields

SCMS-379DONE- Enabled Page Publish with Active JS

SCMS-386DONE- Fixed Initial Module Entry Save

SCMS-398DONE- Improved User Profile UI

SCMS-400DONE- Improved Form Builder

SCMS-405DONE- Added confirmation before deleting a category

SCMS-406DONE- Improved UI on Alias Property

SCMS-414 DONE- Added Improved Validation to Backend Login

Solodev CMS 8.5 contains new features, updates, bug fixes, and user interface (UI) enhancements to the Solodev platform. Solodev CMS 8.5 introduces a new and improved business theme (WebCorpCo), redesign of calendars and datatables to make their creation and management easier, an updated API to expose module data for use in third party applications, and a series of platform-wide bug fixes. The release of Solodev CMS 8.5 makes the use of short codes more intuitive and the creation of modules using calendars and datatables easier and more powerful for non-technical administrators. The release of Solodev CMS 8.5 makes the creation, modification, and management of web content in Solodev easier for developers, marketers, and administrators alike and incorporates feedback from the entire Solodev community. Enjoy!

Important highlights from this release

Improved user feedback when working with a modules table schema

Released new and improved business theme (WebCorpCo)

Updated layout of modulesto improve ease of use

Added subtext descriptions through CMS to make more intuitive

Implemented modules pre-populated with HTML forms for all dropdown options

Improved dynamic div (drop zone) ability tomake inserting content easier

Added spellcheck for HTML WYSIWYG

Improvedinline editing functionality

Made improvements to Table Schema

Implemented a way to make images included via stylesheets

All updates for this release:

Improvement

SCMS-485DONE- htaccess to enable images from included css

SCMS-486DONE - Width and height being set on uploaded images

SCMS-488DONE - Javascript errors in content prevents dynamic div insertion

SCMS-489DONE - Display Columns for Calendars and Datatables

SCMS-490DONE - Show form only if datatable type is set to form

SCMS-492DONE - Uploaded files have their names changed (dots to dashes)

SCMS-494DONE - Clean URL function - The Datatable Version

SCMS-501DONE - Prevent double submit on user creation

SCMS-503DONE - Expire detail pages after end date.

SCMS-508DONE - Improve dynamic div functionality when dealing with faulty content

SCMS-459DONE - Datatable with No Form Template Should Still Show Something by Default

SCMS-460DONE - homeTemplate.tpl (webcorpco) needs one more DD

SCMS-461DONE - Not allowing Page Publish when Meta Info is Changed

SCMS-465DONE - Spellcheck for HTML WYSIWYG

SCMS-476DONE - Blank template generates stml off of root

SCMS-477DONE - Add Calendar Template

SCMS-480DONE - Update Calendar Template

SCMS-481DONE - Update Datatable Template

SCMS-482DONE - System -> Users Folder Displaying Old Icons

SCMS-483DONE - Add Datatable Template

SCMS-484DONE - Module Fields and Layout Cleanup

SCMS-506DONE - Inline editor strips out links

SCMS-511DONE - Permissions for Assignment Ticklers

Bugs

SCMS-462DONE - Adding Table Schema Fields After Creating Module

SCMS-468DONE - Users Profile to display API Key/Token

SCMS-470DONE - API Calls return no data or errors in console

SCMS-474DONE - Improve Functionality on Datatables

SCMS-499DONE -Updated URLs for images inserted via WYSIWYG

SCMS-505DONE - Inserted javascript causing dynamic divs not to appear

SCMS-510DONE - Test STML stub updating when title is updated

SCMS-514DONE - WYSIWYG moves shortcodes around

SCMS-515DONE - Adding New Entry does not show entry #

SCMS-516DONE - Create warning when users delete fields via table schema

SCMS-517DONE - Calendars created without template (via table schema) are overwritten by dropdown

SCMS-518DONE - Calendar -> Activate "Enable Attachments" if Type = Photo Gallery

Solodev CMS 8.8 contains new features, updates, bug fixes, and user interface (UI) enhancements to the Solodev platform. The latest version of Solodev introduces several new initiatives including support for PHP 7 and the integration with NPM scripts, primarily utilized so that websites can be constructed as packages with all styles and JS files dynamically compiled. The capability to Import/Export packages or folders has also been comprehensively overhauled so as to include support for package variables, a package importing wizard, and support for user permissions within a package. Additionally, Solodev 8.8 introduces specific Branding and App components so that organizations have the capability to create a custom backend user experienced tailored uniquely to their own set of brand styles. Several accessibility enhancements have also been included, particularly in relation to the WYSIWYG editor and its raw HTML output. Bug fixes focused on character encoding, support for older versions of PHP, and patches to existing shortcodes. Enjoy!

Key Release Highlights

Added Restore/Dev syncing capabilities where a separate development instance can be created and synced with a production environment.

Overhaul of Import/Export of packages, including adding package variables and a comprehensive import wizard

Support for PHP 7

Backend branding capabilities

Quick links to modules and forms (datatables & calendars) on dashboard view

NPM Integration

Support for custom application views

Accessibility updates to the WYSIWYG editor

All Release Updates

Improvements

Commit 039db93: CKeditor bold tag update; geocoding URL needed to be https

Commit 353c6b2: App permissions during import process

Commit a774e9a: Added SSL redirect logic to stmls when site_wide_ssl property is set

Commit b9882ac: Added privacy banner shortcode

Commit 52d26ce: Added in where string for full_calendar shortcode

Commit 8512581: Added Users folder for detecting import path

Commit 774604b: Shortcode ability for page title and meta

Commit 445b172: Branding / custom app integration into Solodev

Commit 62bd639: Update to the NPM install command for Linux

Commit f46054f: Adding in color picker to the import process with variables in the importer itself

Commit 3212339: NPM integration on package importing and asset_file publishing

Commit 066a489: Added in alert for deleting gallery attachments

Commit 6b9c7cd: Added in warnings for file manipulation on entries

Commit f38e09e: Update to structure for dashboard modules

Commit 75ac529: CMS branding overwrite option for users to choose logo and custom CSS to change default styling

Commit 661af6b: Accordion shortcodes

Commit 046e3dc: Docker preparation and support for PHP 7

Commit aa4a668: Put in decoding for find and replace import fields

Commit 56366d8: Import / Export package overhaul that allows site wide find replace and company variables to be defined on a template basis

Commit d7cb5fe: Added in new Restore module object with associated views and file manipulation

Bug Fixes

Commit 413cb87: Update to app including meta tag updates on stmls and fix to displaying calendar properties

Commit 86433: Origin replace on API calls and ucwords fix for older PHP versions

Commit da3a406: Patch for MySQL and PHP 7

Commit c5535b2: Captcha missing tag fix

Commit e8e87cc: Installer.inc fixes, and AuthorizeNet integration update

Commit f8b96ca: Publish files on WYISWYG upload

Commit b155592: Fixes for sanitizing html characters

Commit ac72948: Escape characters upon export command

Commit d69ebc3: Updated domain regex since where special characters were detected as being incorrect

Commit 8f6003e: CK update for displaying shortcodes

Commit 008052c: Update to validation errors for API

Commit 0095a6f: Patch update to pager that was missing some closing tags

Solodev CMS 8.9 contains new features, updates, bug fixes, and user interface (UI) enhancements to the Solodev platform. The primary purpose of the the version was to introduce the Beta version of Solodev 9.0, prepare the underlying app for this upcoming release, and incorporate a number of improvements/bug fixes to better support the Verion 8 lifecycle.

Key Release Highlights

Introduction of Solodev Beta views

Improved Add Website workflow

Better support for website packages

Better support for Solodev on Docker containers

New Features

SCMS-548 - Incorporate BETA version of upcoming Solodev

Improvements

SCMS-543 - Remove header and move profile to the left navigation

SCMS-549 - Update new login page

SCMS-603 - New user form fields

SCMS-633 - Add website wizard modifications

SCMS-634 - Import package website modifications

SCMS-645 - Add support chat feature to app

Bug Fixes

SCMS-605 - My Profile "submit" button is partially hidden

SCMS-616 - Uncaught SyntaxError when viewing STML page

SCMS-624 - Websites session issue

SCMS-625 - Count() warning on add Datatable/Calendar

SCMS-639 - Docker/Apache needs to restart after adding website

SCMS-640 - Docker emails not sending

SCMS-650 - Codemirror find (CTRL + F) does not work

Create and modify the structure of your website in Solodev. Learn to build, edit, and re-use the templates that power your web pages and update your website with new text, images, videos, web pages, templates, and modules.

Planning

This section contains anoutline of the steps to prepare and launch a website in Solodev. They do not have to be followed in order, but all will need to be completed at some time.

Create a Sitemap

Design your Website

Buy a Domain

Connect your Domain to Solodev

Templates

In Solodev there are two kinds of Templates:

Theme Templates contain the pieces of HTML, CSS, JavaScript, Fonts, Images, Videos, etc. that comprise the design of your website.

Note: To streamline web development and avoid writing duplicate code, Solodev allows you to embed several standard templates into a single web page, allowing for the same templates to be included in all of your web pages.

Pagetemplates are the web pages you've created, mostly comprising of the layouts of different sectional pages of your website, and are typically reused several times in the development of a Solodev website.

Learn more about themes and templates

Create aBase Template

Create a Page Template

Pages

Web Pages in Solodev are typically an assembly of standard templates containing the HTML, CSS, JavaScript and assets that make up the design of that given web page. What separates web development in Solodev is the efficiency that by using templates to build your web pages you drastically speed up development time.

Click here to learn more about Web Pages in Solodev

Add a Web Page

Editing Web Pages

Content

Solodev makes it very easy for content authors and marketers to make content edits on the fly without the need for web development experience or knowledge. Using a mix of powerful inline editing tools, WYSIWYG editors, and a templating system, Solodev is builtto empower marketers to deliver engaging online content.

Click here to learn more about Managing Content in Solodev

Add Content

Edit Content

Users

Solodev allows you to set granular permissions on the entirety of your Solodev instance, as a result you can create usersin a hierarchy which mirrors that of your organizational hierarchy. Based on a user's role within the organization you can determine which users have accessto various elements of your website.

Click here to learn about Users and Enterprise Permissions

Add a User

Permissions Overview

Prior to building pages or templates in Solodev you must begin by adding your website content which will no doubt include HTML, images, videos, fonts, CSS, JavaScript, etc. Adding your HTML content in Solodev is easy and you have the option to add content using our WYSWYG Editor or using source code.

Once you are ready to add your HTML content, it's important you structure your web files folder - where your HTML content will live - in a well organized manner so it's easy to navigate.

Step 1 - Open the 'web files' directory

Step 2 - Open the folder where you'd like to place your HTML content

Step 3 - Click Add->HTML

Alternately, click Add->File if you'd like to forego the WYSIWYG and codeaway.

Step 4 - Add your content to the WYSIWYG and click Save

Users are the people who have access to Solodev and interact with its resources as determined by the permissions they have been assigned by the system administrator. Users can be bundled together in groups based on criteria specified by the administrator.

Note: These user groups can be used to give departments within your organization access and functionality specific to their job by assigning permissions to different departmental user groups.

Actions

Description

Add a User

Adding a user to your Solodev instance

Modify a User

Change a user's account information

Move a User

Move user to another folder

Delete a User

Permanently remove a user

User Hierarchy

Best Practices for creating user hierarchy

Fields

Fields

Description

First Name

User's first name

Last Name

User's last name

Title

User's position within the company

Company

Company Name

Email

User's email address

Website URL

User or Company's website URL

Business #

User's phone number

Primary Phone #

User's direct phone number

Ext #

User's direct extension

Fax #

User or Company's fax number

Mobile #

User's mobile phone number

Street Address

User's office street address

Suite/Apt #

User's office suite number

City

User's office city

State / Province

User's office state or province

Zip / Postal Code

User's office zip code

Country / Region

User's office Country or region

Facebook

User's Facebook link

Twitter Handle

User's Twitter Handle

Linkedin URL

User's Linkedin URL

Interests

User's list of interests

Notes

Additional notes

Username

Assignedusername

Password

Assignedpassword

Secret Question

Secret question created

Secret Answer

Answer to secret question

This article will walk you through building the specific types ofmodules you can import into your existing or new website. In our first example, we will create a category group and then create a news calendar that incorporates the group.

Within your config.json file, the modules property accepts the following keywords:

Name

Description

module_type

This can be a "Calendar", a "Datatable", or a "Datatable_Category_Group"

to_path

This specifies the location where the module will be placed

name

This is the name of the module you specify

form_template

This is the HTML Form that allows you to add itemsto your module's table schema

file_path

This specifies where the form template will reside

display_template

This is the repeater template that displays module entries

detail_display_template

This is the detail template that displays the details of a single module entry

dependent_templates

You can specify any template files which will use the data in a given module. By setting up dependent templates, you enable the use of the repeater tag which is important in the use of a running list of news, blog, events, or other calendar entries.

name: the name of the dependent template

from_path: where the template is located in your zipped folder

to_path: where the template is to be placed

html_template

The governing html or .stml page where the datatable will be publicly visible

display_type

If your module is a "Calendar", you can specify its display type by choosing between "News", "Blog", "Events", "Photos", "Landing Page", or "Custom". If your module is a "Datatable", you can specify its display type by choosing between "General", "Web", or "Form"

datatable_category_group

This associates a specific datatable category group with the module.

entries

With the config.json file, you can include entries in your module as soon as it is created. Each entry needs:

fields: the content for the entry unique to the table schema. For example, an entry in a "News" Calendar would need the "event_title", the "start_time", an "intro", and the "description".

files: any associated files with the entry such as an "image".

categories: any category you wish to place the entry.

categories

If your module type is a "Datatable_Category_Group", you can specify the categories you want to create by default. Each category item needs the following fields:

name: the name of the category

title: the title of the category

menu: how the category would appear in navigation

children (optional): any subcategory.

Building a Category Group

The following code creates a category group named "News Categories." This category group will have the three top-level categories of "Business Development," "Marketing," and "Support." Additionally, the "Business Development" category will have the child categories of "Research" and "Finance."

{ "module_type": "Datatable_Category_Group", "to_path": "web files/managers/news", "name": "News Categories", "html_template": "www/news/index.stml", "categories": [{ "name": "business-development", "title": "Business Development", "menu": "Business Development", "children": [{ "name": "research", "title": "Research", "menu": "Research" }, { "name": "finance", "title": "Finance", "menu": "Finance" }] }, { "name": "marketing", "title": "Marketing", "menu": "Marketing" }, { "name": "support", "title": "Support", "menu": "Support" }] }

Building a Calendar

The following code creates a calendar named "News." Take note of several key areas including "dependent_templates." By specifying "dependent_templates," you enable those specific template files to utilize the repeater tag and can properly associate the datatable's content with that template. With calendars, you can evenpopulate the datatable with content by using the "entries" field. An entry is created entitled "A News Entry" with the "Support" category and with an associated image.

{ "module_type": "Calendar", "display_type": "News", "to_path": "web files/managers/news", "name": "News", "form_template": { "file_path": "managers/news/_Assets/news-form.tpl" }, "dependent_templates": [{ "name": "home-news.tpl", "from_path": "content/home/", "to_path": "web files/content/home/" }, { "name": "news-custom-repeater.tpl", "from_path": "content/news/", "to_path": "web files/content/news/" }, { "name": "about-news-section.tpl", "from_path": "content/about-us/", "to_path": "web files/content/about-us/" }], "datatable_category_group": "web files/managers/news/News Categories", "html_template": "www/news/detail.stml", "entries": [{ "fields": { "event_title": "A News Entry", "start_time": "4/08/2016 12:00 AM", "intro": "A Brief Introduction or Subtitle", "description": "<p>Include your entry's content here. As you can see, you can use <strong>HTML</strong> markup.</p>" }, "files": { "image": "managers/news/_Assets/a-news-entry-image.jpg" }, "categories": [ "support" ] }}

Associating a Page with your Module

Creating a module is only one part of making a functional website package. You will often want your module to display entries on the front end. To do this, you have to create a page and include a template file which uses the datatable module. In most instances, you must also create a child "detail" page which is used to display the results of single entry. The below code creates a "News" page, embed's the "news-custom-repeater.tpl" (specified as a "dependent_template" above) in a specific DynamicDiv, in addition to creating the child "detail" page.

{ "title": "News", "name": "news", "template": "web files/themes/contentTemplateSansLeftNav", "datatable_category_group": "web files/managers/news/News Categories", "meta_description": " ", "meta_keyword": " ", "contents": [{ "area": "dd.0.1.1", "type": "file", "from_path": "web files/content/news/news-custom-repeater.tpl" }], "children": [{ "title": "detail", "name": "detail", "template": "web files/themes/contentTemplateSansLeftNav", "structure_page": 0, "meta_description": " ", "meta_keyword": " ", "contents": [{ "area": "dd.0.1.1", "type": "file", "from_path": "web files/content/news/news-detail.tpl" }] }] }

Buildinga Datatable

In the above examples, building a category group and a calendar have been covered. You can, however, additionally create generic datatables such as a simple form. The below code creates the "Contact Us" form module.

{ "module_type": "Datatable", "display_type": "Form", "to_path": "web files/forms/contact", "name": "Contact Us", "form_template": { "file_path": "forms/contact/_Assets/contact-form.tpl" }, "return_template": { "file_path": "forms/contact/_Assets/return-template.tpl" }, "dependent_templates": [{ "name": "contact-us.tpl", "from_path": "content/root/", "to_path": "web files/content/root/" }, { "name": "footer-contact-form.tpl", "from_path": "forms/contact/", "to_path": "web files/forms/contact/" }]}

In the this example, you will see that a form datatable is created based upon the "contact-form.tpl" template. It additionally specifies a "return_template," which is the template used after a user submits the form. Finally, it specifies "dependent_templates," which will use the form on the front end.

However, like the previous example, you still need to associate the module's dependent templates with a page in order for the module to be publicly visible. The below code creates a "Contact Us" pagethat includes the dependent template "contact-us.tpl." This template will embed the contact form into the page.

{

"name": "contact-us",

"title": "Contact Us",

"to_path": "www",

"template": "web files/themes/business-theme/contentTemplateSansLeftNav",

"rank": 5,

"meta_description": " ",

"meta_keyword": " ",

"contents": [{

"area": "dd.0.1.1",

"type": "file",

"from_path": "web files/content/root/contact-us.tpl"

}]

}

In summary, building a module with your config.json file takes a little work. However, once you've mastered the technique you'll be able to fundamentally take charge of your Solodev package and build fully functional websites.

In Solodev, moving HTML content is simple and at times, necessary. You can move HTML content anywhere in the web files directory, however, it cannot be moved into the www directory which is restricted to web pages.

Step 1 - Open your HTML File and click Move in the Action Bar

Step 2 - Select the folder from the right tree where you'd like to move the HTML file. Click Submit.

By clicking the "relink" checkbox, Solodev will automatically update the path of your file to wherever it is being moved.

Solodev comes with native website analytics that give you immediate, realtime insights into website behavior and traffic and can be turned on with the simple click of a checkbox.

This allows you to add categories functionalilty to your calendar

Step1

Open your datatable/calendar by selecting it from the left hand file tree. Then click the Modify button.

Step 2

Click on the Website Properties tab and click onBrowseto find the categories.

Step3

Select the datatable category group you would like to map to your calendar then click Okand then Submitto confirm.

If you go back to any entries within the mapped calendar you will see your datatable category group has populated in the right panel under Categories, allowing you to categorize each manager entry.

Provides a form wrapper for users to create a register form for secured areas.

Usage

Shortcode:

[form_register]

Parameters:

Parameters

Description

[secure_area]

Defines the URL of the secure area that the user will be forward to after registration.

[user_folder]

The folder in Solodev that will house the secure users who have permissions to the area.

Code Example:

[form_register user_folder="14817" secure_area="/intranet/secure/"]

The following shortcodes pertain to users and user-related components to Solodev.

Field

Description

Form Login

Provides a form wrapper for users to create a login form for secured areas

Form Register

Provides a form wrapper for users to create a register form for secured areas

Form Error Messages

Displays any error messages related to a login attempt.

Forgot Password

Populates a forgot password utility linked to your Solodev form

Net-Results

Connects your landing page module to Net-Results

Adding new files to Solodev CMS is simple. You can adda variety of files to your installation including HTML documents, PDFs, images, template files, and other specific resources.

Step 1

Go to the parent folder in which you would like to add anew file. Once in the folder, hover your cursor over the "Add" button and then select "File" by clicking that option.

Step 2

Creating a New File

The following modal will appear.Name your file if you are creating it from scratch. Do specify the file extension (for example: .html, .tpl, etc.). Add your file's content. Lastly, specify any metadata you want to associate with the file. Once you have filled out all of the necessary fields, click on "Save".

Uploading a File

You can additionally upload a file. Click on folder icon next to the "Name" field.

The following modal will pop up. Either drag the file you want to upload into the dialog box or click on "Browse" to find the file on your local computer. Once the file is specified, click on "Submit".

Step 3

Once your file is saved (after you created it or uploaded it), you will need to "Publish" it before it is publicly accessible or before it can be used in your website's template files. Simply click on the "Publish" button to complete the process.

The Workspace is the primary interactive area in Solodev. From within the Workspace, you can add/edit content or pages, create custom display modules, create managers, store data, and more.

Becoming familiar with the Workspace and your options within it is a crucial component to working in Solodev. The following items are some of the most important aspects in the Workspace.

The Action Bar

Located at the top of your Workspace, the action bar serves as the command center inSolodev and provides a wide range of functionality. There are several action tool bars assigned to various resources but the most common are for folders and files. Below is an example of an action tool bar.

The following are the most common actions in Solodev:

Action

Function

Allows you to add a wide range of resources to Solodev CMS

Allows you to save a file without staging or publishing it live to the web

Allows you to stage a file on a private server prior to publishing it

Allows you to take the file you are working on and publish it tothe live web

Copying a file or folder in Solodev CMS involves taking a copy of that file/folder and moving it into a different location while leaving the original in its place

Moving content in the Solodev CMS involves taking that file/folderand moving it into a different directory

Deleting content in the Solodev CMS involves selecting specificcontent and removing it from Solodev CMS completely

Allows you to take a particular file and add it to a File Group, i.e. a collection of files

Allows you to retrieve prior versions of any given file and save them as the current version

Folders may require being updated for a number of reasonssuch as some needingto be re-named, re-ranked, structured, or modified for another purpose

Allows you to update the permissions of a particular folder

Tabs

Solodev implements a tab based Workspace so that you can interact with multiple resources at a time without having to constantly close and reopen each one as you work. As you open individualresources in Solodev, they will open up in tabs created at the top of the Workspace.If you would like to close a tab, simply click on the "x" in the right corner as shown below.

Please Note: Closing a tab does not delete that resource, it only removes it from the workspace.

Resource View

Inside of each tab exists the Resource View. Depending on the selected resource, different Resource View interfaces are used, including Input Editors, Visual Editors, Grids and Feedback.

Input Editor

An Input Editor is a common way of managing content in Solodev. Input Editors are simply forms that allow users to interact with Resources. An Input Editor is most commonly associated with Managers, where users can input data which then is dynamically displayed on a website.

WYSIWYGEditor

A Visual Editor is a Resource View that combines an Input Editor with a Visual Editor such as a WYSIWYG (What You See Is What You Get) or a Code Editor. WYSIWYG Editors are associated with HTML (.html) files and will load anytime you bring such files up in the Workspace.

Grids

Grids are another type of Resource View where data is displayed in a table format. Grid Views can be sorted, paged, and filtered. Grids are associated with Datatables and Calendars as they list all entries.

Feedback

Many resources within Solodev contain a Feedback tab. With the Feedbacktab, users can provide feedback on the selected resources and can also create tasks/assignmentsfor other users to work with on thatresource.

Solodev has a unique site structure that is designed for easily building efficient, well-organized websites. After your website has been setup in Solodev, twofolders will automatically populate including:

Thewwwfolder is where all of the site's pages are located.

Theweb filesfolder is where all of the individual elements that make up those pages are located.

While it is entirely up to you how to name your files, a suggested way to do it is to have thewwwfolder mirror your website's main navigation and yourweb filesfolder be made up of folders for content, navigation and templates.

Below is an example of a typical Solodev website structure:

Web Files Folder

The web files folder is the one that containsthe elements that power your Solodev CMS website. It is typically structured in the manner shown below, with commonly used folders storing various website elements such as HTML and image content, datatable forms and managers, as well as navigational and layout templates for your site.

Although not required for your website to work in Solodev CMS, best practices suggest you build out your web files folders in this manner:

Content- Used to store content (HTML files, images, text files, etc.)

Forms- Used to store any datatables that power forms

Modules- Used to store any managers related to your website(s) such as calendars (Events, Blog, News, etc.)

Templates- Used to store the various templates that make up the structural foundation for the pages.

WWW Folder

The WWW folder should reflect the site map. It should contain all of the root files of your website -- folders, .stml, assets, etc.

Generally speaking, the most important files in the WWW folder are your .stml files. These are your individual website files that are publicly visible and which get served up in a browser as a user visits your website.

These .stml files are built with templates that use Dynamic Divs. A template is used to import common elements to a page such as the header and footer. You then use the Dynamic Divs to include unique page content, such as specific text, images, sidebars, etc.

The Dynamic between the Web Files and WWW Folders

The web files and WWW folders mutually reinforce one another and help each other power the content, code, and pages that make up a website. As such, it is important to understand how these two folders are intended to work with one another.

As has been mentioned, the web files folder is generally used to store all of your website's component pieces. Create HTML files, upload images, create forms, create datatable managers, and house your site's template and theme assets.

The WWW folder includes various .stml files which are your visible web pages and are where all of yourdisparate components get assembled together and make a complete web page.

Below is the web files folder for the "home" folder:

As you can see, the folder contains several different elements including a template file for a news widget, a template file for an image slider, an .html document containing the base content for the page, and an images folder containing all the graphics that go on the page.

Below is the "index.stml" file which is under the WWW folder and corresponds to the homepage of a website.

The index.stml page is comprised of the base template (the header and footer) and contains a number of Dynamic Divs. As in the example here, the Dynamic Divs are filled with the various elements from the corresponding "home" folder under the web files folder.

Most pages should follow this basic relationship, where content and page elements are under the web files folder and the WWWfile contains .stml files that puts its all together.

Resources in Solodev are a number of files, folders, and similar components that help create and structure your website. These resources (also commonly referred to as "assets") form the foundation for your Solodev instance and lay the groundwork for creating stunning websites. The following sections cover a specific resource in greater detail.

Folders

Folders are built in a nested tree hierarchy and are the containers of all Solodev resources including files and folders to your actual website(s). Folders have a wide range of functionality in Solodev and can be modified and customized to suit your needs. A folder can be used as a document repository for a company Intranet or can be used to store HTML and/or STML files destined for the web.

Files

In Solodev, a File can serve many purposes. A file can be a simple text document, a spreadsheet, a PDF, an image, or a HTML file to name a few examples. Files are stored in folders and have a different Resource View depending on their file type.

File Group

File Groups are a resource for managing and displaying groups of related files (images, documents, etc.) on a Web page. A file group is particularly useful when dealing with large numbers of files that need to be grouped and displayed based on certain criteria or similarity.

Links

Commonly known as a link, a hyperlink is a reference to another document or page (internal or external). The sole purpose of a link in Solodev CMS is to insert web links into dynamically generated navigation on a website.

In the Solodev CMS, a File can serve many purposes. A file can be a simple text document, a spreadsheet, a PDF, an image, or a HTML file to name a few examples. Files are stored in folders and have a different Resource View depending on their file type. In Solodev CMS, there are four primary file types (HTML, Text, Image, and Document).

Below is a list of the four common Solodev CMS file types:

HTML - Afile type that has a WYSIWYG editor for manipulating HTML content.

Image -The most widely used formats on the Web are PNG, GIF and JPG.

Text - An ANSCII based file type such as .txt, .css and .tpl.

Document -Word processing document, spreadsheet, PDF, etc.

HTML

Hypertext Markup Language (HTML) is the markup language used to create the foundation of any web page. HTML files in Solodev can be written within our CMS code editor, uploaded from your computer or created via our WYSIWYG (What You See Is What You Get) editor. These HTML files can later be inserted into STMLs by the use of Dynamic Div Technology.

File Extension

Description

.html

An acronym for hyper-text-markup-language and the extension for web pages

.htm

An abbreviation for an HTML file

Creating an HTML page in Solodev does not create a web page, but it does create the body content that can be displayed. Solodev employs a template-based system to streamline web development using STML and Dynamic Div Technology. Click here to learn how to insert an HTML file into an STML file through a Dynamic Div.

Below is an example of the WYSIWYG editor in use for an HTML file.

Alias

The source code that makes up the page above can be seen in the WYSIWYG by clicking the Source button in the upper left hand corner.

Image

You can place and specify the display and design of several different types of images throughout your Solodev CMS built website. The most widely used formats on the Web are PNG, JPEG, GIF and JPG.Within Solodev CMS, you can use photos to create dynamic image-based galleries, sliders, carousels and much more using Solodev Managers which will be covered in a later tutorial.

File Extension

Description

.png

Portable Network Graphics

.jpg

Joint Photographic Group

.jpeg

Joint Photographic Expert Group

.gif

Graphics Interchange Format

.bmp

Bitmap

Text

In Solodev CMS "Text" refers to a wide range ofANSCII-based file types as outlined below. In the text editor you can add a wide range of file types for use in Solodev CMS. Below is an example of a text file, in this instance with a .tpl extension, which employsthe server-side programming language PHP, HTML, and Solodev Shortcodes.

File Extension

Description

.tpl

A template file

.txt

A plain text file

.css

Cascading Style Sheets

.php

Hypertext Preprocessor

.js

JavaScript

.inc

Include File

.jsp

JavaServer Page

.asp

Active Server Pages

.htaccess

Hypertext Access

.f4m

Flash Video File

.json

JavaScript Object Notation

Documents

Managing Documents in Solodev allows you to organize, store, share, and view many types of documents. You can move, copy, and edit your documents and access them remotely as they are stored on a remote server.

The most commonly used documents in Solodev CMS are:

Microsoft Word-Microsoft Word's native file format denoted either by a.doc or.docx file extension.

Microsoft Excel- Microsoft Excel's spreadsheet documentuses a grid ofcellsarranged in numberedrowsand letter-namedcolumnsto organize data manipulations like arithmetic operations.

Microsoft PowerPoint- Aslide show presentation powered by Microsoft.

PDFs-Portable Document Format(PDF) isused to present documentsin a manner independent of application software.

The following is an example of a document stored in Solodev CMS:

File Extension

Description

.doc

Microsoft Word Document

.csv

Microsoft Excel Spreadsheet

.pdf

Portable Document Format

.ppt

Microsoft PowerPoint Document

Actions

Field

Description

Add a File

Adds a new file

Update a File

Update a file.

Copy a File

Creates a duplicate of a file

Move a File

Moves a file to a new location

Delete a File

Removes a file permanently from the CMS

Add to Group

Adds a file to a file group

Archive History

A directory of previous versions of a file that can be used to roll back changes

Using an Alias describes a situation in which a data location in memory can be accessed through different symbolic names in the program.

URL/page redirects can help direct users away from pages that no longer exist or to more preferred locations.

Solodev supports URL redirects through the use of 301 redirects and a .htaccess file.

Note: .htaccess files are extremely powerful in terms of your website. One error in the .htaccess code can temporarily bring down your website. It is highly advised that any modifications to an .htaccess file be made with extreme care and by individuals with familiarity with such a file.

Step 1 - Create an .htaccess file (if not already created)

Create an ".htaccess" file in the root of the "www" file. Open the "www" file in the Workspace and click on + Add followed by File.

Step 2 - Create your 301 redirect

Specify the "Name" field as ".htaccess" and in the "Content" field add your 301 Redirect. ClickSavewhen done.

Note: Make sure each 301 redirect in place follows the correct format:

Redirect 301 /old-page.stml http://www.mydomain.com/new-page.stml

The "old-page.stml" should be relative and reference the page you wish to redirect. The "http://www.mydomain.com/new-page.stml" should be absolute and reference the page you wish to redirect to.

If you have configured the 301 redirect properly, entering the old link in your browser will take you the newly specified url.

If you wish to add additional 301 redirects, continue to edit the .htaccess file, placing each redirect on its own line.

A photo gallery helps you display your photos in an organized way, separating them by categories. A photo gallery is a type of module that you can use when creating or modifying a calendar. The following steps will show you how to create a photo gallery module from scratch.

here.

Adding a Photos Module

All modules should be built inside the managers folder under /web files/managers/ to make them easy to find and access. Each module should have its own folder within this directory. Click here for more information on how to add a folder.

Step 1

Open the folder to which you want to add your client module.Hover over the Add button and selectCalendar.

Step 2

Name your calendar and select "Photos" from the dropdown menu.This will auto-populate standard HTML fields for your photo gallery as well as turning on photo gallery attachments so you can begin adding photo galleries and photos right away.

Note: If you would like to customize your photo gallery module and designate your own HTML fields, select "custom" from the drop down menu. In order to create a custom photo gallery you will need to create a form using one of the three methods below and upload your form prior to clicking submit.

Table schema

Select a form previously created with the form builder

Upload an HTML form

Click here to learns more about creating a calendar and adding forms.

Adding a Photo Gallery

Now that you've created a photo gallery module, it's time to create your first photo gallery.

Step 1

Click 'Add Entry' as shown below.

The default 'photo gallery' HTML fields will appear as shown below so you can begin adding entries immediately.

Step 2

Name your photo gallery, provide a description of the photo gallery, and finally upload a photo for the gallery itself prior to clicking Save.Once you have clicked Save, scroll down in your entry and open the "Attachments/Gallery" panel.

Step 3

Start uploading images to your gallery.You can upload as many images as you want at the same time.After uploading them, the page is going to refresh.

You can go back to the Attachments/Gallerytab and add a Description and Rank your photos, as well as previewing or deleting them and uploading more images. Click Save.

In order for the description and rank to be saved you have to click on the Save link underneath each description and rank.

Note: Each entry you add to your Photo Gallery Module is a separate photo gallery although they will all appear on the same page of your website. The entry we added above created one photo gallery called "Travel", simply repeat this process to add more photo galleries to your website.

Adding a Repeater Template

Now that we have created a photo calendar, we need a place to display it. We need to do that by creating a repeater template and add it to an STML page.

Step 2.1

On the same folder you created the Photo Gallery Calendar, add a File. From the Actions Menu hover on Add and select File by clicking it.

Step 2.2

Name the file and add the .tpl extension at the end of the file name.

The file of the name should be written in lowercase and with no spaces. Add a dash (-) between words. For more information on adding a File, please go here.

Step 2.3

We need to write the code to make our entries show. Please refer to the Shortcodes section to find more information on this topic.

This next step needs some developing knowledge (HTML and CSS min.)

For a Photo Gallery is recommended to use the Modules Pager shortcodes due to the amount of entries we would end up having in this type of Module. Pager allows you to have filter dropdowns, search and pagination.

Step 2.4

Add the code below to your repeater file.

[repeater id="112" limit="0,4"]<div class="row"><div class="col-sm-6 col-md-3"><div class="resources-item" onclick="location.href='{{path}}'"><div class="resources-category-image"><img alt="{{name}}" src="[get_asset_file_url id={{gallery_image}}]" /></div><div class="resources-description"><p>Published: [print_date format="F d, Y" start_time="{{start_time}}"]</p><h4>{{event_title}}</h4></div></div></div>[/repeater]</div>

On [category_filter category_group_id="" all_value=" "] you need to addthe category_group_id="" to the one corresponding to your category group. Each ID is unique.

On [js_pager data_source_id="" data_source="calendar" filter_parameters="page,rows,table_filter,date_filter,category_filter"] you need to addthe data_source_id="" for the one corresponding to your Module ID.

Our code uses curly brackets to display the elements on the page. Refer to the form you uploaded to the Calendar to find the html fields corresponding.

You can find the ID of the calendar by clicking on Update Calendar as indicated on the picture below. Same with Categories.

Step 2.5

Once you have added your code, click Publishto make it live.

Step 3 - Adding an Index STML

Step 3.1

We need to create an stml to include our repeater. On the www folder, create a folder for the Photo Gallery and Add stml from the Actions Menu. Name your file index.stml and choose a template from the template dropdown. ClickSave to submit the changes.

Step 3.2

Click on a Dynamic Div and click on your repeater.tpl file from the left nav to add it to the stml. Click Publish.

Step 4 - Adding a Detail Page

In the case of a Photo Gallery, we need to create a detail page to display all of the images from each gallery.

Step 4.1

To do this we need to add a file on the Photo Gallery folder where we created the Module, name the file, and add the following code.

[entry]<div class="gallery-intro"><h1>{{name}}</h1><p>{{gallery_intro}}</p></div><div id="imagesContainer"><div id="images" title="images">[calendar_entry_attachments_repeat id="{{calendar_entry_id}}"]<div class="col-md-3"><div class="fg-listItem"><div style="overflow: hidden; border-color: rgb(189, 195, 199); padding: 3px; background-color: rgb(245, 245, 245);"><div class="fg-thumbnail-container" style="height: 190px; overflow: hidden;"><img alt="" class="fg-thumb" src="[get_asset_file_url id='{{{asset_file_id}}}']" style="display: block; max-width: none; height: 190px; opacity: 1;" /></div><div class="fg-title fg-title-outside" style="color: rgb(44, 62, 80); width: 100%; display: none; background: rgb(245, 245, 245);"></div></div></div></div>[/calendar_entry_attachments_repeat]</div></div>[/entry]

Step 4.2

Once you have added your code, click Save. The file will be save but you need to go back and Publish it to make it live.

Step 5 - Adding a Detail STML

Step 5.1

We need to create an stml to include our detail. On the www folder where you created the index.stml for the repeater, add another stml and call it detail.stml. Select a template from the Template drop-down and Save it.

Step 5.2

Click on a Dynamic Div and click on your detail.tpl file from the left nav to add it to the stml. Click Publish.

Step 6 - Adding Categories

Categories are optional but help you organize your modules. To add Categories, go to the folder where you created the Photo Gallery, hover on Add from the Actions Menu and click on Datatable Category Group. Name your Category Group and click Submit. Start adding your categories. For more information on Category Group, click

Step 7 - Mapping your Module and Categories

For our pages to know where to get the entries from, we need to map them in three different places.

Step 7.1

First open the Photo Gallery module that you created on step 1, click on Modify and open the Website Properties tab.

Step 7.2

Find Detail Page Template selector as shown below and click on Browse and another page with the list of folders and files will open. Select the detail.stml file from the www folder, go to the top on the page, click Ok and you will be redirected to the previous page. Notice that the HTML Template field has a number that corresponds to the ID of the detail.stml.

Next to the Detail Page Templatefield is the Detail Folder Locationfield. Click on Browse and a modal with a list of folders will open. Select the folder which contains your modules index.stml and detail.stml pages and click Ok.

Step 7.3

Open the Advanced Options tab and under Categories click on Browse. Select the Category Group previously created and click Ok on the top of the page. Now that we have mapped our file and category to the module, we can click Submit at the bottom of the page.

Step 7.4

Go to the Category Group you previously created and click on Modify. Open the settings tab and click on Browse under HTML Template.

Step 7.5

Select the index.stml you created on step 3, go to the top of the page and click Ok. Then click Submit.

Styling your Photo Gallery

Add the CSS below to the main stylesheet of your website.

photos.css

/* ================================== # Photos Index Page================================== */.resources-item { -webkit-user-select: auto; background: #f6f6f6; cursor: pointer; margin: 30px 0; padding: 7px 7px 20px; text-align: center;}.resources-item .resources-category-image { height: 140px; overflow: hidden;}.resources-description h4 { font-size: 22px; text-transform: uppercase; font-weight: 400; font-family: "open sans condensed", sans-serif;}.resources-item .resources-description p { margin-top: 20px; font-size: 13px;}.photos-page.filter-bar { margin-top: 100px;}.input-group #table_filter.form-control { border-radius: 0; border-color: #ccc; line-height: 20px;}.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { background-color: #fff;}.photos-page.filter-bar input#table_filter { height: 45px; border-radius: 0; line-height: 22px; border-color: #ccc;}.input-group-btn #searchBtn { height: 45px; padding: 0 16px; font-size: 1.4rem; background-color: #00bff3; color: #fff;}.form-group .selectize-input { height: 45px !important; border-radius: 0;}.form-group .selectize-input .item { line-height: 26px;}.photos-bottom-section ul.pagination { float: right;}.photos-bottom-section #pagingTotal.news-results { margin-top: 0; text-align: center;}.photos-bottom-section .news-filter { margin-top: 5px;}.photos-blue-border { margin-top: 30px;}.photos-bottom-section { margin-bottom: 80px;}.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0;}.selectize-input.items { border-radius: 0;}/* ================================== # Detail================================== */.photos_filter { margin-top: 30px; padding-left: 30px;}.gallery-intro p { padding-bottom: 20px;}/* ================================== # Media Queries================================== */@media screen and (max-width: 1200px) { .resources-item .resources-description p { margin-top: 0; }}@media screen and (max-width: 991px) { .resources-category-image img { width: 100%; } .resources-item .resources-description p { margin-top: 20px; }}@media screen and (max-width: 767px) { .resources-item .resources-category-image { height: 200px; }}@media screen and (max-width: 480px) { .news-filter .items { text-align: left; } #pagingTotal p { padding-top: 0; }}

Congratulations! If you followed all the steps correctly, your Photo Gallery should look like the image below:

An Events Module displays entries in the form of a Calendar and gives you the option to add a start and an end date and time. An Event is a Type of Module that you can use when creating or modifying a Calendar. The following steps will show you how to create an Events Module from scratch.

here.

All Modules should be built inside the Managers folder under /web files/managers/. Each Module should have its own folder within this directory.

Step 1 - Add an Events Module

On the Actions Menu, hover your mouse on Add and select Calendar.

Step 1.1

Name your Calendar and select 'Events' from the Choose Type dropdown and click Submit. This will auto-populate standard HTML fields for your events module so you can begin adding entries immediately.

Note: If you would like to customize your events moduleand designate your own HTML fields, select "custom" from the drop down. In order to create a custom event moduleyou will need to create a form using one of the three methods below and upload your form prior to clicking submit:

Table Schema (preferred)

Select a form previously created with the form builder.

Upload an HTML form.

For information on how to create forms, please view Add a Datatable.

Adding Event Entries

Now that you've created your events module, it's time to start creating entries. Click Add Entry as shown below.

The default "event" HTML fields will appear as shown below and you can begin adding entries immediately.

Step 2 - Adding Repeater

Now that we have created an Events Calendar, we need a place where to display it. To do that, lets create a repeater template and add it to a stml page.

Step 2.1

On the same folder you created the Events Calendar, add a File. From the Actions Menu hover on Add and select File by clicking it.

Step 2.2

Name the file and add the .tpl extension at the end of the file name.

The file of the name should be written in lowercase and with no spaces. Add a dash (-) between words. For more information on adding a File, please go here.

Step 2.3

We need to write the code to make our entries show. Please refer to the Shortcodes section to find more information on this topic.

This next step needs some developing knowledge (HTML and CSS min.)

For Events we recommend using Full Calendar short codes due to the amount of entries we would end up having in this type of Module.

Step 2.4

Add the code below to your repeater file.

[js_full_calendar_includes]<div class="container"> <div id="calendar_display"></div></div>[js_full_calendar calendar_id="538"]

On [js_full_calendar calendar_id=""] you need to addthe calendar_id="" for the one corresponding to your Module ID.

Our code uses curly brackets to display the elements on the page. Refer to the form you uploaded to the Calendar to find the html fields corresponding.

Step 2.5

Once you have added your code, click Save. The file will be saved but you need to go back and Publish it to make it live.

Step 3 - Adding an Index STML

Step 3.1

We need to create an stml to include our repeater. On the www folder, create a folder for the Photo Gallery and Add stml from the Actions Menu. Name your file index.stml and choose a template from the template dropdown.

Step 3.2

Click on a Dynamic Div and click on your repeater.tpl file from the left nav to add it to the stml. Click Publish.

Step 4 - Adding a Detail Page

In the case of Events, we need to create a detail page to display the detail event.

Step 4.1

To do this we need to add a file on the Events folder where we created the Module, name it and add the following code.

[entry]

<div class="row">

<div class="col-sm-8">

<h2>{{name}}</h2>

<div class="media">

<div class="meta-data">

<span class="longDate">[print_date format="F j, Y g:ia" timestamp="{{start_time}}"] [print_event_end format="F j, Y g:ia"]</span> [is_set value="{{address}}"]

<p class="address-text">{{address}}</p>

[/is_set]

</div>

</div>

</div>

<div class="col-md-4 event_image">

[is_set value="{{image}}"]

<img alt="{{name}}" src="[get_asset_file_url id=" {{image}} "]"/> [/is_set]

</div>

</div>

<div class="row event_description">

<div class="col-md-8">

<div class="panel panel-default">

<div class="panel-heading">

<h3 class="panel-title">About This Event</h3>

</div>

<div class="panel-body">

<p>{{event_description}}</p>

</div>

</div>

</div>

<div class="col-md-4">

<div class="event_right_description panel panel-default">

<div class="panel-heading">

<h3 class="panel-title">When & Where</h3>

</div>

<div class="panel-body">

<p>{{address}}</p>

<span class="longDate">[print_date format="F j, Y g:ia" timestamp="{{start_time}}"] [print_event_end format="F j, Y g:ia"]</span>

<div class="event_right_description_btn">

<a class="btn btn-sm" href="[ics_url id=" {{calendar_entry_id}} "]" type="button" target="_blank"><i class="fa fa-calendar"></i>Add to Outlook</a>

<a class="btn btn-sm" href="[google_calendar_url id=" {{calendar_entry_id}} "]" type="button" target="_blank"><i class="fa fa-calendar"></i>Add to Google Calendar</a>

</div>

</div>

</div>

[is_set value="{{contact_info}}"]

<div class="event_right_description_bottom panel panel-default">

<div class="panel-heading">

<h3 class="panel-title">Contact Information</h3>

</div>

<div class="panel-body">

<h4>Contact: <a href="mailto:{{contact_info}}">{{contact_info}}</a></h4>

</div>

</div>

[/is_set]

</div>

</div>

[/entry]

Step 4.2

Once you have added your code, click Save. The file will be saved but you need to go back and Publish it to make it live.

Step 5 - Add a Detail STML

Step 5.1

We need to create an stml to include our detail template. On the www folder where you created the index.stml for the repeater, add another stml and call it detail.stml. Select a template from the Template dropdown and Save it.

Step 5.2

Click on a Dynamic Div and click on your detail.tpl file from the left nav to add it to the stml. Click Publish.

Step 6 - Adding Categories

Categories are optional but help you organize your modules. To add Categories, go to the folder where you created the Events Module, hover on Add from the Actions Menu and click on Datatable Category Group. Name your Category Group and click Submit. Start adding your categories. For more information on Category Group, click

Step 7 - Mapping your Module and Categories

For our pages to know where to get the entries from, we need to map them in three different places.

Step 7.1

First open the Events module you created on Step 1, click on Modify and open the Website Properties tab.

Step 7.2

Under SEO URL Encoding you will find HTML Template. Click on Browse and another page with the list of folders and files will open. Select the detail.stml file from the www folder, go to the top on the page, click Ok and you will be redirected to the previous page. Notice that the HTML Template field has a number that corresponds to the ID of the detail.stml.

Next to the SEO URL Encoding field is the Asset Category Map Anchor field. Click on Browse and a modal with a list of folders will open. Select the folder which contains your module's index.stml and detail.stml pages and click Ok.

Step 7.3

Open the Advanced Options tab and under Categories click on Browse. Select the Category Group previously created and click Ok on the top of the page. Now that we have mapped our file and category to the module, we can click Submit at the bottom of the page.

Step 7.4

Go to the Category Group you previously created and click on Modify. Open the settings tab and click on Browse under HTML Template.

Step 7.5

Select the index.stml you created on step 3, go to the top of the page and click Ok. Then click Submit.

Style your Events Module

Add the CSS below to the main stylesheet of your website

events.css

/* ======================== # Events Index======================== */.selectize-input { height: 40px !important;}.selectize-input.items { border-radius: 0; line-height: 22px;}.fc-unthemed .fc-today { background: #f5f5f5;}.fc-right button.fc-today-button { /*background-color: #00bff3; color: #fff;*/ text-transform: capitalize; border-radius: 0; opacity: 1;}#calendar_display.fc { margin-top: 30px;}#calendar_display .fc-toolbar { margin-bottom: 2.5em;}/* ======================== # Events Detail======================== */.breadcrumb-container { margin-top: 0;}.ct-content h2 { font-size: 45px !important; margin-bottom: 30px;}p.address { margin-top: 10px;}.media .meta-data { margin: 0 0 7px 0;}.media .meta-data .fa { margin-right: 10px; font-size: 20px;}.media .longDate, .media .timeEl { display: inline-block; font-size: 18px; line-height: 18px; font-family: 'open sans condensed', sans-serif; font-weight: 700; color: #00bff3; text-transform: uppercase; min-height: 16px; margin-bottom: 4px;}.media .longDate { border-right: 1px solid #636465; padding-right: 10px;}.media .timeEl { padding-left: 10px;}.image-right { float: right; margin: 0 0 20px 15px;}.event_description { margin-top: 30px;}.event_description.panel,.event_right_description.panel,.event_right_description_bottom { border-radius: 0;}.event_description h3,.event_right_description h3 { color: #00bff3;}.events-img { margin-top: 28px;}.event_right_description span { font-size: 16px;}.event_right_description_btn { margin-top: 30px;}.event_right_description_btn .btn { font-size: 1em; text-transform: capitalize; margin-bottom: 5px; display: block; width: 260px; text-align: left; color: #636363; background-color: #f5f5f5; border: 1px solid #ddd; margin-top: 10px;}.event_right_description_btn .btn .fa { margin-right: 10px; font-size: 17px;}.event_right_description_bottom .panel-heading h3,.event_right_description_bottom .panel-body a { color: #00bff3;}

Congratulations! If you followed all the steps correctly, your Event Module should look like the image below:

Creating a module to draftand publish blog entriescan be a great way to communicate with your audience as blogs become a staple of the modern company website.This tutorial will show you how to create a Blog Module in Solodev that will allow you to add blog entries without any coding knowledge.

This type of module requires the use of two different STML pages. Generally these pages would be an index and a detail page. The index page will hold the repeater template and the detail page holds the detail template.

Click here for more information on adding content to a page

Creating a Blog Module

All modules should be built inside the managers folder under /web files/managers/ to make them easy to find and access. Each module should have its own folder within this directory. Click here for more information on how to add a folder.

Step 1

Open the folder to which you want to add your blog module.Hover over the Add button and selectCalendar.

Step 2

Name your calendar and select 'Blog' from the Choose Type dropdown and click Submit. This will auto-populate standard HTML fields for your blog so you can begin adding blog entries right away.

Note: If you would like to customize your blog and designate your own HTML fields, select "custom" from the drop down. In order to create a custom blog you will need to create a form using one of the three methods below and upload your form prior to clicking submit:

Table schema

Select a form previously created with the form builder

Upload an HTML form

Click here to learn more about creating a calendar and adding forms.

Adding Blog Entries

Now that you've created your blog, it's time to start creating entries. Click Add Entry as shown below.

The default "blog" HTML fields will appear as shown below and you can begin adding entries immediately.

Adding a Repeater Template

The repeater template displays all blog entrieson theblog indexpage. This generally goes into the index.stml file, but it depends on the website. In this instance we will use the index.stml file.

Step 1

You will need to add a new file in the same folder you created the BlogModule. Open that folder from the left hand file tree and hover over the Add button and click File.

Step 2

Name the file and add the extension .tpl at the end of the file name.

The file name should be written in lowercase with no spaces. Add a dash (-) between words. Click here for more information on adding a File.

Now you can write the code to make the entries show. Please refer to the Shortcodes section to find more information on this topic.

However, we have provided a repeater template for this tutorial. Navigate to the folder that contains the BlogModule. Hover over Add button and click File. Copy the code below and make the edit that is required to pull the ID of the correct Module. Then click Save.

Note - the only thing that needs to be edited in this code, is the following section:

[repeater id="" limit="0,9"]

The repeater id="" needs the ID of the BlogModule. Open theBlogModule, and look for the ID at the top left under the name of the Module. Place the ID number inside the quotes ("").

The image below outlines where to find the ID of the Module.

blog-repeater.tpl

<link href="http://aaa.com/assets/css/blog.css" rel="stylesheet" ><div class="container"> <div class="row"> <div class="col-md-12"> <div id="theBlogGrid"> [repeater id="534" limit="0,4"] <ul class="row blogGrid" id="blogGrid"> <li class="col-xs-3" id="{{calendar_entry_id}}"> <div class="imgHolder"> <a href="{{path}}"><img alt="[get_asset_file_url id={{blog_image}}]" class="grid-image img-responsive" src="[get_asset_file_url id={{blog_image}}]" /></a> <div class="description-box animateBottomName">{{event_title}}</div> </div> <div class="biodescription"></div> <div class="clearfix"></div> </li> [/repeater] </ul> </div> </div> </div> </div>

Step 3

If you haven't already, create an index page that will hold your repeater template. Click here for more information about adding a page.

Navigate to the index page that will contain your repeater template. In order to place the file into your STML, you need to click on the Dynamic Div into which you would like to place it. Once it turns blue, select the file from the left hand file tree. Click here for more information on adding content to a page.

Creating the Detail Template

The detail template displays the detail information for each blog entry. In this case it will contain the blog title, date of publication, blog content, and blog graphic. It will also show the categories associated with the entry. Follow these steps to create the detail template and detail STML.

Step 1

Open your blogmodule folder by clicking on it in the left hand nav. Hover over Add button and select File. Name the file and make sure you use .tpl at the end of the file name. Paste the code below into the file. Then click Save.

blog-detail.tpl

<link href="http://aaa.com/assets/css/blog.css" rel="stylesheet" />[entry]<div class="blog-wrapper"> <h1>{{name}}</h1> <img alt="[get_asset_file_name id={{blog_image}}]" class="img-responsive pull-right blog-inner" src="[get_asset_file_url id={{blog_image}}]" /> <p>by {{blog_author}}</p> <p>{{blog_details}}</p></div>[/entry]

Step 2

To display the detail information of the blog entryyou will need to create a detail page. Check these links for more information on addinga page and updatinga page.

Step 3

In order to place the detail template in your Detail STML page, you will need to navigate to the new detail page you created. Click on the Dynamic Div into which you would like to place the detail template. Once it turns blue, select the file from the left hand file tree. Once your template is in the STML, click Publish.

.

Mapping Module to the STML

Now that you have created the blogmodule and have the index and detail pages in place, you will need to map the Module to the correct page.

Step 1

Open the blogmodule by selecting it from the left hand file tree. Click the Modify button.

Step 2

Open the Website Properties tab. Scroll down until you see the SEO URL Encoding field and click Browse.

Step 3

A new window will open with the file tree.Click Browseandselect the detail.stml pagefor your module.After selectingthe STML, you MUST click OK at the top of the window.

Step 4

Next to the SEO URL Encoding Input Field is the Asset Category Map Anchor (Folder Anchor) field. Click Browse and a new modal will popup displaying various folders - select the folder storing the index.stml and detail.stml pages of your module and click Ok,then click Submit in the bottom right of the page.

Adding Categories

Categories are a good way to group up content, or tag multiple things within the same group. Follow these steps to create categories and add them to the module.

Step 1

Open the folder that contains the blogmodule by clicking on it in the left hand file tree. Hover over Add button and click Data Category Group.

Step 2

Give the category group a name and click Save.

Step 3

Open the category group module that was created by clicking on it in the left hand file tree. Type the name of the category in the name window and click the Add button. This can be repeated as many times as necessary.

Step 4

The next step is to link the category group to the module. Navigate back to the blogmodule and click Modify. Open up the Advanced Options tab.

In the Datatable Category Group field add the ID of the module to the field or click Browse.A new window will open with the file tree. Select the category group that was just created. Click OK then click Submit. The category group is now connected to the blogmodule.

Styling your Blog

Add the CSS below to the main stylesheet of your website.

blog.css

/* ================================== # Blog Index================================== */ul.blogGrid li { list-style-type: none;}.blogGrid { padding-left: 0; margin-bottom: 40px;}#theBlogGrid .animateBottomName { color: #fff; margin-top: 20px; width: 100%;}.blue-border.blog-blue-border { margin-bottom: 20px;}.description-box { background-color: rgba(50, 50, 50, 0.5); bottom: 0; float: left; height: 44px; padding: 5px 10px; position: absolute;}#theBlogGrid .description-box p { color: #fff; padding-top: 7px; font-size: 15px;}.blogGrid li:hover .animateBottomName { background-color: #00bff3;}.imgHolder { cursor: pointer; position: relative;}.blogGrid .imgHolder .description-box { height: 45px;}/* ================================== # Blog Display================================== */img.blog-inner { max-width: 300px; padding: 20px;}.blog-wrapper h1 { margin-bottom: 20px; font-family: "open sans condensed",sans-serif; font-size: 41px; font-weight: bold; color: #000; text-transform: capitalize;}/* ================================== # Media Queries================================== */@media screen and (max-width: 1200px) { .description-box { height: 52px; } .description-box p { font-size: 14px; }}@media screen and (max-width: 991px) { .blogGrid .blog-inner { margin-bottom: 30px; } .description-box p { font-size: 15px; }}@media screen and (max-width: 767px) { .blogGrid .blog-inner .imgHolder img { width: 100%; } .blog-wrapper img { max-width: 100%; }}@media screen and (max-width: 480px) { .blog-filter .items { text-align: left; } #pagingTotal p { padding-top: 0; }}

Congratulations! you have created your first blogmodule. If you followed the steps correctly, your index page should look just like the first screenshot in the article. After clicking on a blog entry, it should take you to the detail page, which should look like the image below.

Creating a module to draftand publish newsentriescan be a great way to keepyour audience up to date with the latest company and industry news.This tutorial will show you how to create a NewsModule in Solodev that will allow you to add news entries without any coding knowledge.

This type of module requires the use of two different STML pages. Generally these pages would be an index and a detail page. The index page will hold the repeater template and the detail page holds the detail template.

Click here for more information on adding content to a page

Creating a News Module

All modules should be built inside the modulesfolder under /web files/modules/ to make them easy to find and access. Note: If you haven't already done so, create a "modules" folder under "web files." Each module should have its own folder within this directory. Click here for more information on how to add a folder.

Step 1

Open the folder to which you want to add your newsmodule.Hover over the Add button and selectCalendar.

Step 2

Name your calendar and select 'News' from the Choose Type dropdown and click Submit. This will auto-populate standard HTML fields for your newsroomso you can begin adding newsentries right away.

Note: If you would like to customize your newsroomand designate your own HTML fields, select "custom" from the drop down. In order to create a custom newsroom you will need to create a form using one of the three methods below and upload your form prior to clicking submit:

Table schema

Select a form previously created with the form builder

Upload an HTML form

Click here to learn more about creating a calendar and adding forms.

Adding News Entries

Now that you've created your newsroom, it's time to start creating entries. Click Add Entry as shown below.

The default "news" HTML fields will appear as shown below and you can begin adding entries immediately.

Adding a Repeater Template

The repeater template displays all newsentrieson the newsindexpage. This generally goes into the index.stml file, but it depends on the website. In this instance we will use the index.stml file.

Step 1

You will need to add a new file in the same folder you created the NewsModule. Open that folder from the left hand file tree and hover over the Add button and click File.

Step 2

Name the file and add the extension .tpl at the end of the file name.

The file name should be written in lowercase with no spaces. Add a dash (-) between words. Click here for more information on adding a File.

Now you can write the code to make the entries show. Please refer to the Shortcodes section to find more information on this topic.

However, we have provided a repeater template for this tutorial. Navigate to the folder that contains the NewsModule. Hover over Add button and click File. Copy the code below and make the edit that is required to pull the ID of the correct Module. Then click Save.

Note - the only thing that needs to be edited in this code, is the following section:

[repeater id="" limit="0,9"]

The repeater id="" needs the ID of the NewsModule. Open the NewsModule, and look for the ID at the top left under the name of the Module. Place the ID number inside the quotes ("").

The image below outlines where to find the ID of the Module.

news-repeater.tpl

[repeater id="537" limit="0,4"]<div class="row news" onclick="window.location='{{path}}'"><div class="col-sm-4"><div class="fauxcrop image_crop"><img alt="[get_asset_file_url id={{image}}]" src="[get_asset_file_url id={{image}}]" /></div></div><div class="col-sm-8 newstitle"><span class="news-index-date">[print_date format="F d, Y g:ia" start_time="{{start_time}}"]</span><h2><a href="{{path}}">{{event_title}}</a></h2><p>{{news_intro}}</p></div></div>[/repeater]

Step 3

If you haven't already, create an index page that will hold your repeater template. Click here for more information about adding a page.

Navigate to the index page that will contain your repeater template. In order to place the file into your STML, you need to click on the Dynamic Div into which you would like to place it. Once it turns blue, select the file from the left hand file tree. Click here for more information on adding content to a page.

Creating the Detail Template

The detail template displays the detail information for each newsentry. In this case it will contain the newstitle, date of publication, intro, description and news graphic. It will also show the categories associated with the entry. Follow these steps to create the detail template and detail STML.

Step 1

Open your newsmodule folder by clicking on it in the left hand nav. Hover over Add button and select File. Name the file and make sure you use .tpl at the end of the file name. Paste the code below into the file. Then click Save.

news-detail.tpl

[entry]<div class="container news-detail-container"><div class="col-sm-4 news-img"><img alt="[get_asset_file_name id={{image}}]" class="img-responsive img-thumbnail image-left" src="[get_asset_file_url id={{image}}]" /></div><div class="col-sm-8"><h2>{{event_title}}</h2><span class="news-date"><strong>[print_date format="F d, Y g:ia" timestamp="{{start_time}}"] </strong></span><div class="clearfix"></div><p>{{news_details}}</p></div></div>[/entry]

Step 2

To display the detail information of the newsentryyou will need to create a detail page. Check these links for more information on addinga page and updatinga page.

Step 3

In order to place the detail template in your Detail STML page, you will need to navigate to the new detail page you created. Click on the Dynamic Div into which you would like to place the detail template. Once it turns blue, select the file from the left hand file tree. Once your template is in the STML, click Publish.

.

Mapping Module to the STML

Now that you have created the newsmodule and have the index and detail pages in place, you will need to map the Module to the correct page.

Step 1

Open the newsmodule by selecting it from the left hand file tree. Click the Modify button.

Step 2

Open the Website Properties tab. Scroll down until you see the SEO URL Encoding field and click Browse.

Step 3

A new window will open with the file tree.Click Browseandselect the detail.stml pagefor your module.After selectingthe STML, you MUST click OK at the top of the window.

Step 4

Next to the SEO URL Encoding Input Field is the Asset Category Map Anchor (Folder Anchor) field. Click Browse and a new modal will popup displaying various folders - select the folder storing the index.stml and detail.stml pages of your module and click Ok,then click Submit in the bottom right of the page.

Adding Categories

Categories are a good way to group up content, or tag multiple things within the same group. Follow these steps to create categories and add them to the module.

Step 1

Open the folder that contains the client module by clicking on it in the left hand file tree. Hover over Add button and click Datatable Category Group.

Step 2

Give the category group a name and click Save.

Step 3

Open the category group module that was created by clicking on it in the left hand file tree. Type the name of the category in the name window and click the Add button. This can be repeated as many times as necessary.

Step 4

The next step is to link the category group to the module. Navigate back to the newsmodule and click Modify. Open up the Advanced Options tab.

In the Datatable Category Group field add the ID of the module to the field or click Browse.A new window will open with the file tree. Select the category group that was just created. Click OK then click Submit. The category group is now connected to thenewsmodule.

Style your Newsroom

Add the CSS below to the main stylesheet of your website.

news.css

/* ====================== # News====================== */.newsContainer { margin-bottom: 50px;}.newstitle h2 { font: bold 24px 'open sans condensed', sans-serif; margin-top: 10px; color: #000; padding-top: 0;}.newstitle p { font-size: 16px; margin: 0 0 10px;}.row.news:hover { background: none repeat scroll 0px 0px #f5f5f5; color: #00689b; cursor: pointer;}.news { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 12px 0;}.news .fauxcrop { height: 220px; overflow: hidden;}.newstitle span { color: #00bff3; display: inline-block; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.45em; margin: 10px 0 0; vertical-align: middle;}.news:hover { background: none repeat scroll 0px 0px #f5f5f5; color: #00689b; cursor: pointer;}.news-bottom-section { padding-top: 20px;}/* ================================== # News Detail Page================================== */.news-detail-container { margin-top: 20px; margin-bottom: 80px;}.news-detail-container p { margin-top: 20px;}.news-detail-container .news-img { padding-left: 0;}.news-detail-container .news-img .img-thumbnail { border-radius: 0;}.news-detail-container .news-date,.news-detail-container h3 { color: #00bff3;}/* ================================== # Media Queries================================== */@media screen and (max-width: 991px) { .news-filter { margin-top: 14px; }}@media screen and (max-width: 767px) { .newsContainer .input-group-btn #search_btn { padding: 1.58rem 2.6rem; } .input-group-btn button#searchBtn { padding: 1.4rem 2.6rem; } .newsContainer .input-group #table_filter { height: 43px; }}@media screen and (max-width: 480px) { .news-filter { margin-top: 10px; } .news-filter .items { text-align: left; } #pagingTotal p { padding-top: 0; }}

Congratulations!You have created yournewsmodule. If you followed the steps correctly, your index page should look just like the first screenshot in the article. After clicking on a newsentry, it should take you to the detail page, which should look like the image below.

Gathers the attachments of a module and prints them, much like a repeater, onto a single web page. This is used in the photo gallery modules and document share.

Prerequisites:

You need to activate the photo gallery on the module. To do this, go to your photo calendar and click on Update Calendar. Go to the website properties tab and check enable photo gallery and click Submit.

Usage

Shortcode:

[calendar_entry_attachments_repeat]

Parameters:

Parameters

Description

[id] (required)

ID of the module from which the data is pulling

Code Example:

[calendar_entry_attachments_repeat id={{calendar_entry_id}}]

<div class="item">

<a data-gallery="multiimages" data-toggle="lightbox" href="{{{attachment_url}}}"> <img src="{{{attachment_url}}}" />

</a>

</div>

[/calendar_entry_attachments_repeat]

Forms are the staple of the modern website. Forms have come a long way and thedays where forms were simply reserved for "Contact Us" pages are over. With so many forms serving different purposes on your website, it's important to keep track of it all. However, simply logging into Solodev to check and see if anyone filled out a form would be tedious and time consuming. Instead, we introduced tickler emails so you can add email addresses to different forms and receive email notifications when a form is submitted containing the actual data submitted in the form.

Note: For more information on creating forms for your Solodev website please click here.

Step 1 - Open the Datatable that is powering your form and click Modify

Step 2 - Expandthe "Email Options" panel

Step 3 - Add email addresses to the Tickler Email Address field and click "Add"

Note: Now whenever someone fills out the "Contact Us" form this datatable powers the email addresses shown in the screenshot will be notified, these emails will also contain the information submitted in the form entry.

Step 4 - Navigate to the associated form on your website and submit a form entry

Step 5 - Check your email and you will receive notification of the entry

Step 6 - Open your Datatable which keeps all form submissions in one central location

Solodev empowers users to extend their data and content using a built-in Application Programming Interface (API) that allows you to expose data stored in modules to external publishing channels such as websites, mobile apps, intranets, and other API enabled technologies. This article will teach you how to access data stored in your Solodev modules using Solodev's built-in API.

For more information on Solodev Modules, please click here.

Use Case

Let's say you want the same content from thenews module on your website to be displayed on your mobile app in realtime. This is a common scenario in which Solodev's built-in API can make life significantly easier for your development team.

Step 1 - Navigate to the module you'd like to expose and click "Modify"

Step 2 - Scroll down to the "API INFO" Panel and expand it

Step 3 - Copy and Paste the API URL into your browser

Step 4 - Navigate to the users directory and open up your user folder

Scroll down to the "API Information" tab and click "Generate Key."

Step 5 - Navigate to browser where API URL was pasted

Step 6 - Copy and Paste Token and Token Secret Fields

Copy the API Token and API Token Secret from your profile and replace the default values in your web browser. Before hitting enter, make sure your website URL is appended to the URL. The end result should look something like this:

www.webcorpco.com/api/index.php/search/solodev_view?qry={"calendar_id":77}&token=687d3883ddacbcf204b4d37cd75a65f0ab8704f8&token_secret=5b7190c34792bc0d8ed75c1cdbbb24fcb5dab5a1

Step 7 - Make the Call (Hit Enter)

All of the data from your module will be returned in JSON format. Now that you know how to access your Solodev Modules via API you can make custom API calls to integrate and style certain fields for the purposes of your mobile app.

Step 8 - Make an API call on one entry from your module

Typically, you'll only want to retrieve a single news entry. Let's take a look at how you can modify the API call above to only retrieve a specific entry. In this case, I only want Solodev's API to return the news entry titled "Selecting a Website Content Management System?" So how would I go about doing this?

When opening the entry I can see it's ID is 294. Looking at the JSON returned in the previous screenshot, I see the field for an entry is called "calendar_entry_id".

I modify my query as shown below.

http://webcorpco.com/api/index.php/search/solodev_view?qry={"calendar_id":77,"calendar_entry_id":294}&token=687d3883ddacbcf204b4d37cd75a65f0ab8704f8&token_secret=5b7190c34792bc0d8ed75c1cdbbb24fcb5dab5a1

Note: See how all I did was add a parameter to my query. I added the field calendar_entry_id and specified the ID of the entry I wanted Solodev to return. The results of my call are below.

Note: You can add as many parameters as Solodev allows which in this case is a lot. For example, you can add parameters to your query to return entries within a certain category group or time table. Solodev allows you to get extremely granular, allowing you to make an API call that returns only 1 field from 1 entry from 1 module. Enjoy!

Solodev offers a free 14-day trial to allow users to test out the software and see if it meets their web experience needs. To sign up for this free trial, following the below steps:

Step 1

Navigate to www.solodev.com/free-trial/

Step 2

Enteryour contact details.

Step 3

Add the domain you want to be the primary domain for your account and select whether you want a blank CMS installation or if you wish to install the "Business Website" theme. For new users unfamiliar with Solodev, we recommend the "Business Website" theme to showcase the many web design and development options possible within the platform.

Step 4

Configure your Admin Server URL and enter your credit card details. You won't be charged for until after your 14-day free trial. You may cancel at anytime.

If everything validates correctly, you will be directed to your account dashboard and receive an email with details regarding your Solodev website after several minutes.

Within your solodev.com account, you can find your subscription details, updating billing/contact information, cancel your account, and modify your existing subscription to add additional features.

Account Login

You can access details regarding your billing, server status, and account details through the Member Login on the Solodev Website ( https://www.solodev.com/login.stml ). Enter your username, password, and click "Login" to access your account dashboard.

Once you have logged in, you will see the following dashboard details:

Update Account Details

To update account details such as your contact information or password, simply click on the "Update Account" link on the Subscription Dashboard. You will see the following screen where you can make any necessary edits:

Modify Subscription

To modify your existing subscription, click on the "Manage" button on the Subscription Dashboard. You will see the following screen that shows you various information that corresponds to your subscription. You can see how many days are remaining on your free trial, your server details, and more.

Updating Billing Information:

To update your billing information, simply click on the "Billing Information" link on the Server Information page. There you can update credit card details and your billing address.

Cancelling your Subscription:

To cancel a given subscription, just click on the "Cancel Subscription" link located underneath the server details on the Server Information page. Following the steps on screen to cancel your subscription.

You can easily sign up for a free trial to test drive Solodev for 14 days. Once you have your account created, you can modify subscription details, update contact information, or even cancel your account.

Sign up for a Free Trial

Solodev offers a free 14-day trial to allow users to test out the software and see if it meets their web experience needs.

Learn more about free trials.

Managing your Solodev Account

Within your solodev.com account, you can find your subscription details, updating billing/contact information, cancel your account, and modify your existing subscription to add additional features.

Learn more about account management.

Intranets have become a major part of enterprise websites. In some cases, organizations will do a majority of their workload using Intranets with their public facing website only being informational in nature. Why?An Intranet can serve a multitude of purposes such as document sharing, task management, workflows, digital asset management, content authoring and storage - accessible only by your organization and the users in which you assign access (permissions) to. In this tutorial we will show you how to create your own Intranet using Solodev.

Note: Prior to building an Intranet in Solodev there are a few pre-requisites:

You should know how to create a manager

You should know how to work with forms in Solodev

You should know how to map managers to pages

All set? Let's get started.

Step 1 - Open Web Files->Contentand click Add->Folder

Name the folder "Intranet" as seen in the screenshot below.

Step 2 - Click Add->File (login)

Copy and paste the code below into a file called login.html

<div class="container page-content">

<div class="mod-register">[form_error_messages]

<h3 class="rs title-mod">Welcome,</h3>

<div class="wrap-form-reg">

<div class="left-form col-sm-6">[form_login secure_area="/intranet/secure/"]<label class="wrap-txt" for="mail"><input class="input-txt required" id="mail" name="mail" placeholder="[email protected]" type="email" value="[url_var name='email']" /> </label> <label class="wrap-txt" for="solodevpassword"> <input class="input-txt required" id="solodevpassword" name="solodevpassword" placeholder="password please!" type="password" /> </label> <label class="wrap-check" for="sys_chk_news"> <input id="sys_chk_news" type="checkbox" /> Remember me <i class="icon iUncheck"></i> <a class="lost-pass" href="/intranet/forgot-password.stml">Forgot password ?</a> </label>

<div class="wrap-login-btn"><button class="btn-flat gr btn-submit-reg" id="loginBtn" type="submit">Login</button></div>

[/form_login]</div>

<div class="right-create-acc col-sm-6"><a href="/intranet/register.stml"><img alt="Account" class="account" src="/core/fileparse.php/555/urlt/images/reg-account.png" /></a>

<p class="lbl-dung-lo rs">Not a member? Dont worry</p>

<a class="btn-flat turquoise btn-submit-reg" href="/intranet/register.stml">Create an account</a></div>

</div>

</div>

</div>

Step 3 -Click Add->File (create account)

Copy and paste the code below into a file called create-account.html

<div class="my-coupon mod-grp-coupon block tabbable tab-style-2">

<div class="container page-content">

<div class="mod-register">

<h3 class="rs title-mod">Welcome</h3>

<div class="desc-reg">Sign up for access to the WebCorpCo Intranet. Please enter in an email and a password.</div>

<div class="wrap-form-reg clearfix">[form_register user_folder="271" secure_area="/intranet/secure/"]

<div class="form-group"><label class="control-label" for="samaccountname">Email</label> <input class="form-control input-md validate[required,custom[email]]" id="samaccountname" name="samaccountname" placeholder="[email protected]" type="text" value="" /></div>

<div class="form-group"><label class="control-label" for="solodevpassword">Password</label> <input class="form-control input-md validate[required]" id="solodevpassword" name="solodevpassword" placeholder="Password..." type="password" /></div>

<div class="right-connect"><button class="btn-flat turquoise btn-submit-reg" id="createBtn" type="submit">Create an account</button></div>

[/form_register]</div>

<p class="rs wrap-link-back"><a class="link-back" href="/intranet/index.stml"><i class="pick-r"></i> Back to login </a></p>

</div>

<!--end: .mod-register --></div>

</div>

Step 4 - Click Add->File (forgot password)

Copy and paste the code below into a file called forgot-password-short.html

[form_error_messages][form_forgot_password forward_to="/intranet/password-confirmation.stml" login_page="http://www.webcorpco.com/intranet/" from_email="[email protected]"]

<div class="mod-forgot row">

<div class="left-form">

<div class="col-md-3"><label class="control-label" for="checkEmail" style="padding-top: 8px;"><strong>Please enter your email address</strong></label></div>

<div class="col-md-6"><input class="input-txt required" id="checkEmail" name="checkEmail" size="45" type="text" /></div>

<div class="col-md-3"><button class="btn-flat gr btn-submit-reg full-width-text" name="Insert" type="submit">Reset Password</button></div>

</div>

[/form_forgot_password]<br />

<a class="btn-flat gr btn-submit-reg" href="/intranet/">Back to Login Page</a></div>

Step 5 - Click Add->File (password confirmation)

Copy and paste the code below into a file called password-confirmation.html

<div class="alert alert-info" role="alert">You will receive an email with instructions to reset your password...</div>

Step 6 - Click Add->Folder

Create a subfolder in the Intranet folder called "Images"

Upload the image attached to this tutorial called reg-account.png

Step 7 - Click Add->Folder

Create a subfolder in the "Intranet" folder called "secure"

Step 8 - In the "Secure" folder, click Add->File

Copy and paste the code below into a file called my-secure.html

<p>The list below is the files that are available to the current user. The are located in the User's folder under Documents.</p>

<p>[login_logout_link logout_redirect="/intranet/" login_page="/intranet/"]</p>

[user_documents]

Step 9 -Open the "www" directory and create a folder called "intranet"

Step 10 - Click Add->Page

Name the page index and click Save / Publish. Select the box with rounded corners until it turns blue.

Step 11 -Create Login Page

Navigate back to the "web files" directory subfolder "intranet" and select the file "login.html"

Step 12 -Repeat Step 10 for all files in "web files->intranet" folder

The result of which should appear as it does in the screenshot below.

Step 13 - Click Add->Folder (secure)

Name your folder "secure" and open it. Click "Website Properties" and mark the two checkboxes as seen in the screenshot below before clicking Submit.

Step 14 - Click Add->Page (index)

Create a new page in the "secure" subfolder. Navigate back to web files -> intranet -> secure and selectmy-secure.html as shown below

Note: Any files you place in the "secure" folder will only be accessible to those with access to your Intranet.

Returns the URLpath to the specified asset file.

Usage

Shortcode:

[get_asset_file_url]

Parameters:

Parameters

Description

[id] (required)

The file's asset file ID

Code Example:

[entry]<div class="blog-wrapper"><h1>{{article_title}}</h1><img alt="[get_asset_file_name id={{article_image}}]" class="img-responsive" src="[get_asset_file_url id={{blog_image}}]" /><p>{{article_content}}</p></div>[/entry]

Solodev allows you to control many aspects of your website on a granular level. The following "Management" items are elements that you can directly control from within the Solodev interface.

URL Redirects

URL/page redirects can help direct users away from pages that no longer exist or to more preferred locations.Solodev supports URL redirects through the use of 301 redirects.

Click here to learn more about URL redirects.

Solodev makes developing custom data managers, modules, and applications easy by providing you with the ability to (1) code in the languages that you know and (2) have full control over how/where your data is used. With Solodev, you can create custom modules that collect and/or display information on the frontend, integrate with third-party applications, or create shortcodes to eliminate the need for your content users to deal with complicated code. The following are some key development concepts that will be useful in Solodev.

Modules

The role of a Manager in Module is to maintain the way in which the data entered is displayed on your website.The two main areas in which a Module shows its data is on a page in which all the entries are displayed (repeater page) and a page in which further details of that data can be displayed (detail page).

Learn more about Modulesin Solodev.

Datatables

Datatables are a type of "Module" that are database dependent applications and can be formatted for frontend display. The most common use of datatables in Solodev is the creation and management of web forms that involve users interacting with form field(s) requiring data submission and retrieval. Mobile apps can also be powered using datatables and the Solodev API.

Learn more about Datatables in Solodev.

Calendars

Calendars are a type of "Module" built on top of Solodev datatable functionality that can be modified to create date-based custom applications. Calendars can be used to build an unlimited number of custom web and mobile applications.

Learn more about Calendars in Solodev.

Shortcodes

Utilizing shortcodes allows you to enhance the functionality of your site and gives you the ability to create special features that will set your site apart from others.

Learn more about Shortcodes in Solodev.

Tutorials

As part of the goal to empower Solodev users with the tools they need, we have compiled a number of code tutorials that demonstrate how to take advantage of many components in Solodev.

Learn more about our collection of Tutorials.

Connecting your domain to Solodev ensures that you will be able to access the backend of the platform and that visitors to your website will be able to view the frontend pagesof the site. Connecting your domain requires that you have access to your domain provider and that you have the ability to edit the domain's DNS.

Step 1- Navigate to Your DNS Settings

In order to configure your DNS Settings you first need to navigate to where you manage your DNS settings for a given domain. Begin by logging into your domain name provider and find where DNS settings are managed.

Step 2 - Modify Your A (Host) Record

Modify your domain's primary "A" record and point your domain to the dedicated IP provided via email after you sign up.

Your host will likely be '@' if your domain name does not include 'www', alternately, your host name will likely be 'www' if your domain begins with 'www'.

Note: Please keep in mind it may take 30 minutes or more for DNS changes to populate and for your domain to start pointing to Solodev.

If you signed-up via solodev.com, then your primary domain should now be fully set up. If you are adding an additional domain to your exisiting Solodev installation then please continue to the following steps.

Step 3- Add your Domain to Solodev

The first thing you will need to do, is to log into Solodev CMS. Enter your username and password and click Enter.

On the left side, click on Systems. Select Websites and click on Add Website.

Step 4- Fill out the Fields

Fill out the fields below. You must designate your Primary URL, the domain name of your newly added website.

Fields

Description

Primary URL

URL of website

Choose website folder location

Websites folder where the website's structure is going to be located

Step 5- Specify Additional Domain Details

If applicable, the Alias, CDN, SSL tab allows you to specify a staging URL, SSL certificate and CDN.

Fields

Description

Staging website address

A domain or subdomain used to assemble, test, and review newer versions of content before it is moved into production

SSL website address

Secure URL for your website if using SSL certificate

CDN origin website address

CDN (Content Delivery Network) URL

Alias Website Address

Redirects visitors to your site whether your domain is www.domain.com or domain.com (if added)

Step 6- Choose a System Template

Make your selection in the drop down. Select Blank Website, Import Package, or Choose System Template.

Fields

Description

Blank Website

Creates a website with the web wiles and www folders so you can build your website based on your sitemap

Choose System Template

Selects a prepared Bootstrap theme

Import Package

Select this option if you have a Solodev package

Step 7- Finish

Once you have read and agreed to our terms of service, select Finish and your website will be added to the websites folder.

Domain Information features top-level functionality pertinent to your domain(s) managed in Solodev. In the Domain Information panel in the Update Website modal, you can specify a staging address, enable a CDN, or add aliases to your domain.

Staging website address - URL of the staging server where your website content can be staged prior to being published. In all action toolbars throughout Solodev you will see three options:

Draft- Saves your content to yourdatabase

Stage - Stages your content on your specified staging server

Publish - Publishes your content to your production server and live, user-facing website

A staging website must be on a different domain name, although it can be a subdomain. For example, a proper staging address would be "http://staging.mydomain.com/" and not "http://www.mydomain.com/staging/". Make sure your subdomain's DNS is pointed to your Solodev IP address.

Enable CDN - Enable a content delivery network (CDN) to host your website's static files and deliver them to the client instead of your own server, reducing the load on your own server and enabling faster download times for the client.

In order to enable a CDN, you must select AWS as the provider and have an AWS CDN Distribution URL, AWS Key, and AWS Secret on hand.

Aliases -Website Aliases enable you to make sure more prospective website visitors can access your website. For example, some domains are domain.com while others are www.domain.com. Without setting up an alias, going to domain.com when the true domain is www.domain.com will not direct you to the proper website. By adding aliases to your domain, you ensure it is always accessible.

In between the lines of code that make up every website is content.Website visitors don't land on your homepage to view your source code, they come to consume content. Solodev is built to reflect the separation between code and content, giving content marketers the capability to easily update page content without weeding through complex code. Below are some essential resources to get started with creating and managing content in Solodev.

Content Hierarchy

One of the most essential components to understand in Solodev is the difference between content, pages, and how the two interact with one another. Content (typically HTML files) are embedded into Pages (STML files). The two sets of information are kept separate from one another in Solodev.

Learn more about the content hierarchy in Solodev.

Create a Sitemap

It is recommended you design the structure and content of your website based off of a well designed sitemap. The sitemap is the architectural plan for your website and, as a result, should be one of the first tasks you undertake with your Solodev website, even if it is simply a bulleted list of required sectional and content pages.

Learn more about creating a sitemap.

Manage Content

In Solodev, HTML content is the building block of your website and web pages. HTML content typically involves an HTML file and includes content that can be easily edited in a WYSIWYG editor.

Learn more about managing content in Solodev.

Manage Pages

A Page in Solodev is a collection of HTML Content inserted using Dynamic Divs, or "drop zones". You can manipulate your Dynamic Divs to customize the layout of your website. Pages have .stml (STML) extensions and are organized under the "www" Workspace folder.

Learn more about managing pages in Solodev.

It is recommended you design the structure and content of your website based off of a well designed sitemap. The sitemap is the architectural plan for your website and, as a result, should be the first to be built, even if it is simply a bulleted list of required sectional and content pages.

Building your Sitemap

It is fairly simple to build a sitemap by using a program such as Microsoft Word. The bulletlist below shows multiple levels representing the organization and flow of the website.

About Us

Clients

Index

Detail

Contact us

News

Index

Detail

Resources

Index

Detail

Services

Design

Index

Marketing

Programming

Sales

Support

Training

Implementing your Sitemap in Solodev

Once you have your completed your Sitemap, it is time to build your folder structure in Solodev that reflects your hierarchy. In this article we will walk you step by step through building out the sitemap above in Solodev.

To begin, we will build out our folder structure (which mimic our sitemap) in the web files directory

Step 1 - Open the web files directory and click Add->Folder

Step 2 - Name your folder "About Us", the first folder in the sitemap, and click Submit.

Your web files directory should now appear as it does below with your newly added About Us folder.

Step 3 - Repeat Step 2 for the remaining folders specified in your sitemap.

Below is the resultonce you have added all folders from your sitemap to your web files directory.

So now we've built out our web files directory. This is where the HTML Content will live with each folder serving as a repository for HTML Content.

Note: Because this same HTML content will be used in the www directory where pages live, it is recommended you model your www directory off of your web files directory.

Simply add the same folders you added to the web files directory to the www directory as shown below.

Note: Although the folder structure in web files and www are pretty close to identical, there are some key differences to consider.

In web files, the folders contain HTML files whereas in the www directory the folders contain web pages made up of the HTML content from the web files directory.

The homepage (index.stml) is in the root of the site so it is not housed in a folder and lives in the root of the www directory.

An assets folder is required in the www directory to house CSS, JavaScript, Fonts, and Images.

In Solodev, HTML content is the building block of your website and web pages. HTML content typically involves an HTML file and any assets related to it such as CSS, JavaScript, Fonts, or Images. In this chapter we will do a deep dive into HTML content in Solodev so you can start building pages for your website.

AddHTML Content

This section details how to add HTML contentin Solodev. Adding your HTML content in Solodev is easy and you have the option to add content using our WYSWYG Editor or using source code.

Click here to learn more about adding HTML content.

EditHTML Content

This section details how to make changes to pages like new titles, meta descriptions and content edits.

Click here to learn more about editing HTML content.

Move HTML Content

This section details how to move HTML content from one destination to another as well as how to rename the file in the process.

Click here to learn more about moving HTML content.

Copy HTML Content

This section details how to move HTML contentfrom one destination to another as well as how to rename files in the process.

Click here to learn more about copying HTML content.

Delete HTML Content

This section details how to delete a HTML contentor a selection of HTML files.

Click here to learn more about deleting HTML content.

Visual Editor

The Solodev Visual Editor, also known as a WYSIWYG editor, is an easy-to-use, browser-based content editor that enables you to author, capture, and format HTML data without the requirement of coding knowledge.

Click here for moreabout the Visual Editor

Solodev comes with a number of tools to boost your SEO ranking, site visibility, and help better market your website organically. In order to configure your website's meta information, open the root of your website by clicking the globe icon next to your domain name. Click Update Website.

Note: In the fields below you can add meta information that will dynamically render across every page of your website. If managing multiple websites, you can rank which order your websites appear in. You can then add a site title that will appear on all pages of your site.

Underneath the site title field are two social media fields intended for social meta information. When filled out, Solodev dynamically creates Twitter and Facebook meta information for each and every page of your website, furthering your SEO visibility beyond search and across the social stratosphere.

Click on the Meta Information Tab below and the accordion will expand. You can add your Global HTML tag as well as any header inserts you want included on every page of your website. As you can see below, I declared HTML and included jQuery and Bootstrap CSS and JavaScript on my entire site.

Modules are custom, dynamic, and if necessary, date-based web applications suited to meet the needs of your website. Modules can be used to build an unlimited number of custom web and mobile applications.

Datatables

Datatables aredatabasedependentapplications that can be formatted for display in a variety of ways on a number of devices. Primarily used for thecreation and management of web forms that involve user facingforms,data submission, and retrieval - they can also be used to power mobile apps via API.

Click here to learn more about datatables in Solodev.

Calendars

Calendars are a type of "Manager" built on top of Solodev datatable functionality that can be modified to create date-based custom applications.

Click here to learn more about calendars in Solodev.

Shortcodes

Short codes arethe templating language of Solodev that allows you to add functionality and build custom applications without coding knowledge. This allows developers and content editors to work in tandem.

Click here to learn more about short codes in Solodev.

Solodev provides you with a wide range of tutorials so you can quickly learn how to create a range of custom applications and website functionality - all of which you can tailorto suit your needs of your website.

Solodev Basics

Learn how to accomplish some standard tasks in Solodev such as creating content and pages, scheduling content, and creating page templates.

Click here to learn about Solodev Basics.

Essential Modules

Learn how to work with modules in Solodev, such as news modules, events modules, photo galleries, and a landing page module.

Click here to learn about Essential Modules.

Display Modules

Learn how to create unique display modules that your website visitors will see such as a homepage slider, a logo carousel, and a search filter.

Click here to learn about Display Modules.

Within this section you will find a number of tutorials that relate to specific elements in Solodev. Each tutorial should contain all of the necessary HTML, CSS, and JavaScript needed to create a wide variety of functionality for your Solodev website. View any of the sections below to see all of the tutorials in that category.

Solodev Basics

Learn how to accomplish some standard tasks in Solodev such as creating content and pages, scheduling content, and creating page templates.

View all Solodev Basics tutorials

Essential Modules

Learn how to work with modules in Solodev, such as news modules, events modules, photo galleries, and a landing page module.

View all Essential Modules tutorials

Display Modules

Learn how to create unique display modules that your website visitors will see such as a homepage slider, a logo carousel, and a search filter.

View all Display Modules tutorials

The fileparse.php reference is a script which acquires the file path of a resource on the Solodev file system for use on the frontend of your site. Generally used in relation to images that are stored in the "web files" folder, fileparse.php is used to construct source URLs in "<a>", "<img>", "<script>", and "<link>" tags.

Overview

When you upload an image (typically via the WYSIWYG editor), Solodev automatically places the image in a "_Assets" folder that is a peer to a specific page as shown below:

The source for each image tag then includes a reference to "fileparse.php". For the above screenshot example, this source is "/core/fileparse.php/436/urlt/design.jpg". The reference "fileparse.php" is simply a built-in script that gets the URL of a specific folder ID. In this example, the "_Assets" folder in question has an ID of "436" as shown below:

In essence, the fileparse.php script will return the path to the specified folder and then find the asset file name ("design.jpg" in this case).

Use Cases

You can reference the "design.jpg" image elsewhere on your Solodev site simply by specifying the image source as "/core/fileparse.php/436/urlt/design.jpg". Accordingly, you can reference similar assets as long as you (1) know the folder ID the asset exists within and (2) you know the asset name.

Use Outside of the WYSIWYG

There are situations where you will need to upload an image or asset outside of the WYSIWYG editor (such as when creating .tpl files or modules). For these situations, you can (1) create [if necessary] and upload the files directly to a "_Assets" folder using "Add >> File" in the toolbar and (2) use the above fileparse.php method to create the asset's source path.

Solodev includes a number of built-in scripts which accomplish more extended functionality and help developers get the most out of their Solodev system. The following are some of the most commonly utilized core scripts.

fileparse.php

The fileparse.php reference is a script which acquires the file path of a resource on the Solodev file system for use on the frontend of your site. Generally used in relation to images that are stored in the "web files" folder, fileparse.php is used to construct source URLs for various tags.

Learn more about fileparse.php.

Open the file you want to update and in the Actions Menu select one of the following options:

Actions

Descriptions

Draft

Saves a file on the back end without publishing it to the front end

Stage a File

Saves the file and publishes it to the staging server (if one is being used)

Publish a File

Saves the file and pushes the file to the live website

Copy a File

Creates a duplicate of a file

Move a File

Moves a file to a new location

Delete a File

Removes a file permanently from the CMS

Add to Group

Adds a file to a file group

Archive History

A directory of previous versions of a file that can be used to roll back changes

Meta Information

All Solodev files have the meta data tab. This is where you can define meta attributes for each file. Meta keywords and meta data help to optimize your site's visibility in search engine results.

Meta Information Fields

Field

Description

Title

The title of the file as it will be displayed on both the back and front end

Publish Date

The date you would like the file to be published

Expire Date

The date you would like the file to be pulled from your website

Rank

The ranking of your file (1, 2, 3) relative to other files

Description

A description of the contents of the file

Meta Keywords

Keywords attached to the file that will help improve SEO

Meta Description

A description of the file that will help improve SEO

Feedback

Assignments are a built-in feature that make collaboration and workflow easier. It provides the ability for admins to assign tasks to users related to specific resources in Solodev, update the status of the assignment, and comment on the assignment, all in an activity grid that displays the history of the work that has been done on the resource. This provides for a more productive, collaborative process and allows your team to communicate within Solodev.

In Solodev files there is a 'Feedback' feature that allows you to do just that. As you can see in the screenshot below, you can add notes, dates, hours spent, attach files, and most importantly, add an assignment to another user to complete on that file.

Click the Submit button and the file will have an assignment and an assignee associated with it. This feature is great for people collaborating on anything from marketing documents to content files. In the example below, the marketing associate named Brody has been tasked to update content on index.html.

The screenshot below shows how it looks now that an assignment has been submitted.

When the userlogs into Solodev CMS they will see the following on their dashboard. When they click on that file under tasks it will direct him to the file.

The usersimply clicks on the Feedback tab to see what is required on the file as shown below.

Once the userhas updated the content of the file they can toggle to the feedback tab to leave a comment and mark the task complete.

Click Submit and the admin will be notified of the completed task along with the note from the user.

GoDaddy is one of the most popular domain name providers. The following steps are specific to GoDaddy's DNS management.

Step 1- Navigate to your DNS Settings

In order to configure your DNS Settings you first need to navigate to where you manage your DNS settings in GoDaddy. Begin by logging into GoDaddy.com.

Step 1.2 - Click on My Products

Step 1.3 - Click on 'Manage' in the Domains row

Step 1.4 - Click onthe gear icon to the top right

Step 1.5 - Click Manage DNS

Step 1.6 - Click the Edit Record button in the A (Host) record tab and point your domain to the dedicated IP provided via email

Now that your domain is pointedto Solodev, any actions you take in Solodev CMS will affect the display of your public facing website. Your host will likely be '@' if your domain name does not include 'www', alternately, your host name will likely be 'www' if your domain begins with 'www'.

Note: Please keep in mind it may take 30 minutes or more for DNS changes to populate and for your domain to start pointing to Solodev.

If you signed-up via solodev.com, then your primary domain should now be fully set up. If you are adding an additional domain to your exisiting Solodev installation then please continue to the following steps.

Step 2- Add your Domain to Solodev

Log into Solodev by typing your username and password and clickingEnter.

On the left side, click on Systems. Select Websites and click on Add Website.

Step 2.1 - Fill out the Fields

Fill out the fields below. You must designate your Primary URL, the domain name of your newly added website.

Fields

Description

Primary URL

URL of website

Choose website folder location

Websites folder where the website's structure is going to be located

Step 2.2 - Specify Additional Domain Details

If applicable, the Alias, CDN, SSL tab allows you to specify a staging URL, SSL certificate and CDN.

Fields

Description

Staging website address

A domain or subdomain used to assemble, test and review its newer versions before it is moved into production

SSL website address

Secure URL for your website if using SSL certificate

CDN origin website address

CDN (Content Delivery Network) URL

Alias Website Address

Redirects visitors to your site whether your domain is www.domain.com or domain.com (if added)

Step 2.3 - Choose a System Template

Make your selection in the drop down. Select Blank Website, Import Package, or Choose System Template.

Fields

Description

Blank Website

Creates a website with the web wiles and www folders so you can build your website based on your sitemap

Choose System Template

Selects a prepared Bootstrap theme

Import Package

Select this option if you have a Solodev package

Step 2.4 - Finish

Once you have read and agreed to our terms of service, select Finish and your website will be added to the websites folder.

Bluehost is a popular domain name provider and website host. The following steps are specific to Bluehost's DNS management.

Step 1- Navigate to your DNS Settings

In order to configure your DNS Settings you first need to navigate to where you manage your DNS settings in Bluehost. Begin by logging into bleuhost.com.

Step 1.2 - Click onDNS Zone Editor

Step 1.3 - Select the Domain that Needs Editing

Step 1.4 - Modify A (host) Record

Click the"edit" button next to the A (Host) "@" record. Enter the dedicated IP address provided via email. Click "save" when done.

Now that your domain is pointedto Solodev, any actions you take in Solodev CMS will affect the display of your public facing website. Your host will likely be '@' if your domain name does not include 'www', alternately, your host name will likely be 'www' if your domain begins with 'www'.

Note: Please keep in mind it may take 30 minutes or more for DNS changes to populate and for your domain to start pointing to Solodev.

If you signed-up via solodev.com, then your primary domain should now be fully set up. If you are adding an additional domain to your exisiting Solodev installation then please continue to the following steps.

Step 2- Add your Domain to Solodev

Log into Solodev by typing your username and password and clickingEnter.

On the left side, click on Systems. Select Websites and click on Add Website.

Step 2.1 - Fill out the Fields

Fill out the fields below. You must designate your Primary URL, the domain name of your newly added website.

Fields

Description

Primary URL

URL of website

Choose website folder location

Websites folder where the website's structure is going to be located

Step 2.2 - Specify Additional Domain Details

If applicable, the Alias, CDN, SSL tab allows you to specify a staging URL, SSL certificate and CDN.

Fields

Description

Staging website address

A domain or subdomain used to assemble, test and review its newer versions before it is moved into production

SSL website address

Secure URL for your website if using SSL certificate

CDN origin website address

CDN (Content Delivery Network) URL

Alias Website Address

Redirects visitors to your site whether your domain is www.domain.com or domain.com (if added)

Step 2.3 - Choose a System Template

Make your selection in the drop down. Select Blank Website, Import Package, or Choose System Template.

Fields

Description

Blank Website

Creates a website with the web wiles and www folders so you can build your website based on your sitemap

Choose System Template

Selects a prepared Bootstrap theme

Import Package

Select this option if you have a Solodev package

Step 2.4 - Finish

Once you have read and agreed to our terms of service, select Finish and your website will be added to the websites folder.

Solodev comes with a number of tools to boost your SEO ranking and site visibility and help better market your website organically. Among these tools are extremely easy ways to add site and even pagespecific meta information - all without the need for coding knowledge.

Note: In the fields below you can add meta information that will dynamically render across every page of your website. If managing multiple websites, you can rank which order your websites appear in. You can then add a site title that will appear on all pages of your site.

Underneath the site title field are two social media fields intended for social meta information. When filled out, Solodev dynamically creates Twitter and Facebook meta information for each and every page of your website, furthering your SEO visibility beyond search and across the social stratosphere.

Click on the Meta Information Tab below and the accordion will expand. You can add your Global HTML tag as well as any header inserts you want included on every page of your website. As you can see below, I declared HTML and included jQuery and Bootstrap CSS and JavaScript on my entire site.