Show Menu

Crownpeak Input Controls Cheat Sheet by

Available Input Controls for Crownpeak
crownpeak

Text Controls

Input.ShowTextBox("Text field", "text_field");
Input.ShowTextBox("Text area", "text_area", height: 5);
Input.ShowPassword("Password", "text_password");
Input.ShowWysiwyg("Compressed", "rich_compressed", ServicesInput.CompressedWYSIWYG());
Input.ShowWysiwyg("Medium", "rich_medium", ServicesInput.MediumWYSIWYG());
Input.ShowWysiwyg("Full", "rich_full", ServicesInput.FullWYSIWYG());

Dropdowns

var dropDownItems = new Dictionary<string,string>()
    { { "Select one", "" }, { "Apples","apples" },
    { "Grapes", "grapes" } };
Input.ShowDropDown("Single select", "dd_single", dropDownItems, Util.MakeList(""));
Input.ShowDropDown("Multiple select", "dd_multiple", dropDownItems, multiple: true);

Autoco­mplete

var completeOptions = new Dictionary<string, string>()
    { {"Visa", "visa"}, {"Mastercard", "mastercard"}};
Input.ShowAutoCompleteBox("Autocomplete box", "text_autocomplete", completeOptions,
    helpMessage: "Credit Card Type",
    popupMessage: "Try typing the letters V, or M");

Select List

var listItems = new Dictionary<string, string>()
    { { "One", "one" }, { "Two", "two" }};
Input.ShowSelectList("Categories", "categories", listItems);

Headers and Messages

Input.ShowHeader("Calendars");
Input.ShowMessage("Warning message", MessageType.Warning);
Input.ShowMessage("Basic message", MessageType.Basic);

Expand Panel

Input.StartExpandPanel("Title");
Input.ShowMessage("Input elements appear here");
Input.EndExpandPanel();
 

Checkboxes

Input.ShowCheckBox("", "is_red", "y", "Red");

Radio Buttons

var radioItems = new Dictionary<string, string>()
    { { "One", "one" },
    { "Two", "two" } };
Input.ShowRadioButton("Exclusive options", "options",
    radioItems);

Calendars

Input.ShowSelectDate("Date", "date_field");
Input.ShowSelectDate("Multiple Dates", "dates_field", multiple: true);
Input.ShowSelectDate("Date Range", "date_range_field", range: true);
Input.ShowSelectDateTime("Date Time", "datetime_field");
Input.ShowSelectDateTime("Date Time (24h)", "datetime_24h_field", use24Hour: true);

Pickers

var noUpload = new ShowAcquireParams();
noUpload.ShowUpload = false;
Input.ShowAcquireDocument("Asset reference", "ref_asset");
Input.ShowAcquireImage("Image reference", "ref_image");
Input.ShowAcquireImage("Image reference (browse-only)", "ref_image_browse", noUpload);

Tabbed Panel

Input.StartTabbedPanel("Panel 1", "Panel 2");
//This is Panel 1
Input.NextTabbedPanel();
//This is Panel 2
Input.EndTabbedPanel();

Download the Crownpeak Input Controls Cheat Sheet

1 Page
//media.cheatography.com/storage/thumb/gregfinzer_crownpeak-input-controls.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Crownpeak Models Cheat Sheet
          Crownpeak Output.aspx Example Cheat Sheet
          Crownpeak Input Validation Cheat Sheet

          More Cheat Sheets by GregFinzer

          MOQ Cheat Sheet
          C# Naming Conventions Cheat Sheet
          Yarn Package Manager Cheat Sheet