Documentation:Model Examples

Model Examples

MODEL EXAMPLES

Get started with MDriven sample models. Explore and choose what you want to build.

Complete Models

Use ready-made "complete system" (model+data) to apply to an existing turnkey site.

Gantt Chart Interactive

Use this when you need to show and interact with data in a timeline.

Download .zip

   <img src="/images/model3.svg" alt="Placeholder" width="301" height="175">

A Trello-like Board With Cards You Can Move Between Lists

Move cards between lists, click cards, add new cards and more.

       <a href="Complete_model_examples" class="download-link">
           
           Download .zip
       </a>

    <img src="/images/model4.svg" alt="Placeholder" width="301" height="175">

Markup Editor TinyMCE

Lets your users produce rich HTML text.

       <a href="Complete_model_examples" class="download-link">
           
           Download .zip
       </a>

    <img src="/images/model5.svg" alt="Placeholder" width="301" height="175">

SVG - Move boxes around

Objects represented by SVG graphics that react to mouse events so that they can be moved around and saved.

       <a href="Complete_model_examples" class="download-link">
           
           Download .zip
       </a>

    <img src="/images/model6.svg" alt="Placeholder" width="301" height="175">

Google Maps to Show and Update Positions

Place a marker on a Google map, track the setting of the map, and move the marker.

       <a href="Complete_model_examples" class="download-link">
           
           Download .zip
       </a>

 </section>

---

 <section id="another-model">

Patterns

Packages primarily used by importing into an existing model. <a href="#" style="color: #1A50AD; font-size: 16px; font-weight: 500; text-decoration: underline; word-wrap: break-word">How to merge .modlr file?</a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

SysUserAuthentication - important architectural pattern

This example adds the SysSingleton and SysUser classes needed to enable login and authentication in Turnkey systems.

       <a href="https://learn.mdriven.net/Special:Redirect/file/SysUserAuthentication.modlr" class="download-link">
           
           Download .zip
       </a>

   <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Password Reset Sample - Architectural Pattern

Add this functionality to your model and this frees you to integrate and adapt it as needed.

       <a href="https://learn.mdriven.net/Special:Redirect/file/PasswordResetTemplate.modlr" class="download-link">
           
           Download .zip
       </a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

SysAsyncTicket - Important Architectural Pattern

A model pattern recognized by the MDrivenServer that helps you easily do stuff in the background.

       <a href="https://learn.mdriven.net/Special:Redirect/file/SysAsyncMergeModel.modlr" class="download-link">
           
           Download .zip
       </a>

   <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Localization and Translation - Architectural Pattern

MDriven systems can adhere to a model pattern and use that to store translations to all texts in actions and ViewModels.

       <a href="https://learn.mdriven.net/Special:Redirect/file/Translations.modlr" class="download-link">
           
           Download .zip
       </a>

   <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

SysTurnkeyTraceLog

Add a class following this pattern if you need to track what users are up to in your Turnkey app.

       <a href="https://github.com/supportMDriven/MDrivenComponents.git" class="download-link">
           
           Download .zip
       </a>

   <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

BaseApp

A model extracted from larger models used in various projects with certain functions ready to go.

       <a href="https://learn.mdriven.net/File:BaseApp.zip" class="download-link">
           
           Download .zip
       </a>

   <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Asp.Net Identity package

(Description will be added soon.)

       <a href="https://learn.mdriven.net/File:AspNetIdentity.zip" class="download-link">
           
           Download .zip
       </a>

 </section>

---

 <section id="final-model">

Extensions

Ready-made solutions used by importing into an existing model. <a href="#" style="color: #1A50AD; font-size: 16px; font-weight: 500; text-decoration: underline; word-wrap: break-word">How to merge .modlr file?</a>

   <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Consume and Purchase GetPaid#1

This model extends your system with the ability to charge the end-user for services you provide.

       <a href="https://learn.mdriven.net/Special:Redirect/file/ChargeEndUserViaMDrivenPortalService.modlr" class="download-link">
           
           Download .zip
       </a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

PayPal - Checkout GetPaid#2

Integrate PayPal as an alternative method to get paid by users.

       <a href="https://learn.mdriven.net/Special:Redirect/file/PayPalCheckout.modlr" class="download-link">
           
           Download .zip
       </a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Theme Builder - Build Themes in Runtime

Set CSS variables to influence the colors and sizes of the UI.

       <a href="https://learn.mdriven.net/Special:Redirect/file/ThemeBuilder.modlr" class="download-link">
           
           Download .zip
       </a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Outgoing Email Queue

This is a model pattern that adds an outgoing email queue to the standard base model.

       <a href="https://learn.mdriven.net/Special:Redirect/file/OutgoingEmailQueue.modlr" class="download-link">
           
           Download .zip
       </a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Calendar Model for Linking Things to Dates, Weeks, Months, and Years

This model implements classes that make aggregation (for statistics, for example) easy.

       <a href="https://learn.mdriven.net/Special:Redirect/file/CalendarPackage.modlr" class="download-link">
           
           Download .zip
       </a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Store Complaint Handling

The complete app, model, and example data for a clothing shop, to help staff handle customer complaints professionally.

       <a href="https://learn.mdriven.net/Documentation:Store_complaint_handling" class="download-link">
           
           Download .zip
       </a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Turnkey Sample Board Map Balls Gantt

This sample is a bit of a playground for html5 component development that jacks into the Turnkey.

       <a href="https://learn.mdriven.net/Documentation:Turnkey_sample_Board_Map_Balls_Gantt" class="download-link">
           
           Download .zip
       </a>

  <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Turnkey Sample SoftConflict

A small app that helps you be constructive about issues in your daily life.

       <a href="https://learn.mdriven.net/Turnkey_sample_SoftConflict" class="download-link">
           
           Download .zip
       </a>

   <img src="/images/model1.svg" alt="Placeholder" width="301" height="175">

Turnkey Sample InstantPoll

Set up an instant poll using MDriven.

       <a href="https://learn.mdriven.net/Turnkey_sample_InstantPoll" class="download-link">
           
           Download .zip
       </a>