以下の内容はhttps://cheatography.com///gregfinzer/cheat-sheets/crownpeak-input-controls/より取得しました。


Cheatography

Crownpeak Input Controls Cheat Sheet by

Available Input Controls for 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();
 

Comments

No comments yet. Add yours below!

Add a Comment

Related Cheat Sheets

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

More Cheat Sheets by GregFinzer

Loving Your Neighbor Cheat Sheet
AWS Core Service Options Cheat Sheet
Unity Container Cheat Sheet



以上の内容はhttps://cheatography.com///gregfinzer/cheat-sheets/crownpeak-input-controls/より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14