Found 23 packages
This package provides the functionality to utilize the features of Syncfusion® WinForms Calendar, Date-Time Edit, and Numeric TextBox.
This package provides the functionality to utilize the features of Syncfusion® WPF BusyIndicator, Button, Split Button, Calendar, Carousel, Chromeless Window, Color Picker, Color Picker Palette, ComboBox, Date-time edit, Double TextBox, Integer TextBox, Percent TextBox, Currency TextBox, Masked TextBox, Menu, Spell checker, Tile View, Time span edit, ToolBar, and Up-down.
A clearable TextInputEditText view for Xamarin Android
A clearable TextInputEditText widget
This library provides XAML templated controls. It is a part of the Windows Community Toolkit. Controls: - ColorPicker/ColorPickerButton: Improved ColorPicker and DropDownButton version. - RadialGauge: Displays a value within a range, using a needle on a circular face. - RangeSelector: "Double slider" control for range values. - RemoteDevicePicker: Remote Device Picker Control for Project Rome. - RichSuggestBox: RichEditBox which supports at mentioning or tags. - TokenizingTextBox: An AutoSuggestBox like control which places entered input into easily removed containers for contacts or tags.
Have you been annoyed with entering the same stuff once and once like username, thread-reply? RememberEditText can remember the last several input automatically and offers a dropdown list to let user choose.
Customized and RoundedEditText.
This package includes UI components for Windows and Uno Platform applications such as: - RichEditToolbar for providing an extension bar for a RichEditBox to easily customize input text.
Xamarin.Android Binding for anoop44's AwesomeTextInputLayout, an EditText decorator inspired by the EditText fields in Add New Contact screen of Google's Contact App
_Edit @model Evidance.Models.ViewModels.ProductVM @using (Html.BeginForm("Edit", "Products", FormMethod.Post, new { enctype = "multipart/form-data" })) { @Html.AntiForgeryToken() <div class="form-horizontal"><h4>Edit Product</h4> @Html.ValidationSummary(true, "", new { @class = "text-danger" }) @Html.HiddenFor(model => model.PId) <div class="form-group"> @Html.LabelFor(model => model.PName, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.EditorFor(model => model.PName, new { htmlAttributes = new { @class = "form-control" } }) @Html.ValidationMessageFor(model => model.PName, "", new { @class = "text-danger" }) </div></div><div class="form-group"> @Html.LabelFor(model => model.Price, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.EditorFor(model => model.Price, new { htmlAttributes = new { @class = "form-control" } }) </div></div><div class="form-group"> @Html.LabelFor(model => model.IsAviable, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"><div class="checkbox"> @Html.CheckBoxFor(model => model.IsAviable) </div></div></div><div class="form-group"> @Html.LabelFor(model => model.Pdate, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.TextBox("Pdate", Model.Pdate.ToString("yyyy-MM-dd"), new { @class = "form-control", type = "date" }) </div></div><div class="form-group"> @Html.LabelFor(model => model.Image, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.TextBoxFor(model => model.ImageFile, new { @class = "form-control", type = "file" }) <img src="@Model.Image" width="50" height="50" /></div></div><div class="my-3"><div> @Html.ActionLink("Add More", "", null, new { @class = "btn btn-info addmore" }) </div><div class="con"> @foreach (var i in Model.Details) { @Html.Action("AddColor", "", new { id = i.Color.CId }) } </div></div><div class="form-group"><div class="col-md-offset-2 col-md-10"><input type="submit" value="Update" class="btn btn-success" /></div></div></div> } <script type="text/javascript"> .click((e) => { e.preventDefault(); $.ajax({ url: "/Products/AddColor", type: "get", success: (d) => { .append(d); } }); }); </script>
brings Material Design aesthetics to the AvalonEdit TextEditor control and provides a simplified way to use it as SQL input
Provides a numeric up down WPF control that can be used to edit (integer, byte, decimal, double, float, short and many more) values with a textbox and/or up/down arrow (repeat) buttons. Editing can be based on input via mouse wheel, mouse drag, cursor keys, or text editing.
Xamarin.Android Binding for Anders Cheow's Validator, an Android tool to validate text inside TextInputLayout
This package is an Android core extension to the Legerity framework for speeding up the development of automated UI tests with Selenium/Appium including: - AndroidElementWrapper, for creating element wrappers for custom controls - Button, a clickable button element - CheckBox, a checkable element - DatePicker, an element for selecting and validating dates - EditText, a text input element - RadioButton, a selectable button element - Spinner, a drop down selector - Switch, a slider element with an on/off toggle state - TextView, a readonly text element - ToggleButton, a button element with a toggle state - View, a base for Android elements
* On-demand loading of list * Paged list * Can use page up / page down shortcut when navigating the list * Can type on textbox anytime even when the dropdown list is displayed * Can use mouse scroll on the popup list * Uses AngularJS 1.3 ng-model-options debounce functionality to prevent fast typist from overwhelming the network * Keyboard shortcut to popup the list uses the conventional shortcut, Alt+Down, or F4 * Aside from next page / previous page buttons, it has fast forward and fast reverse button, it partition the list by 100 instead of the usual ten for paging. Say we have 5,000 rows, a total of 500 pages, so from first page when we click the fast forward button it brings us to page 51 * Can manually assign both ID/Code and Text for the combobox, by using ng-model and user-input attributes respectively. Think edit * When pressing escape key, it reverts back the old value. Likewise when pressing tab, yet the user didn't select an item, the combobox will revert to old ID/Code and Text values * Developer still has control on the requested ajax url's parameter names, and also with the result's list and total's property names. The component doesn't impose any names for the ajax's url parameter names and response property names * The popup's width has the same width as the combobox * Uses bootstrap for the design * No jQuery * ng-change event * page size property
Java Tabmenu Datagrid public T> ListT> get(String path, Type t) throws Exception { return gs.fromJson(result, TypeToken.getParameterized(List.class, t).getType()); @ManagedBean(name = "slotController", eager = true) @ViewScoped p:growl id="growl" sticky="true" /> return gs.fromJson(result, TypeToken.getParameterized(List.class, t).getType()); p:selectOneMenu value="#{todoControl.addToDo.taskId}"> f:selectItem itemLabel="Select One" itemValue="" /> f:selectItems value="#{taskControl.taskList}" var="taskitem" itemLabel="#{taskitem.name} #{taskitem.taskId}" itemValue="#{taskitem.taskId}"/> p:column> #{taskitem.name} - #{taskitem.taskId} /p:column> /p:selectOneMenu> p:column headerText="Edit"> p:commandButton update=":todoform:display" value="Edit: #{todo.toDoId}" oncomplete="PF('tdlg').show()"> f:setPropertyActionListener value="#{todo}" target="#{todoControl.editToDo}" /> /p:commandButton> /p:column> p:dialog widgetVar="tdlg"> h:panelGrid id="display" columns="2"> h:outputText value="Edit"/> h:inputText value="#{todoControl.editToDo.name}" /> h:outputText value="Content" /> h:inputText value="#{todoControl.editToDo.content}" /> h:outputText value="Deadline"/> p:calendar value="#{todoControl.editToDo.deadLine}" pattern="MM/dd/yyyy HH:mm" /> h:outputText value="Taskid" /> h:inputText value="#{todoControl.editToDo.taskId}" /> p:commandButton value="Save" update="todoform" action="#{todoControl.updateToDo}" /> /h:panelGrid>
(fork) externsion for my purpose, Provides a numeric up down WPF control that can be used to edit (integer, byte, decimal, double, float, short and many more) values with a textbox and/or up/down arrow (repeat) buttons. Editing can be based on input via mouse wheel, mouse drag, cursor keys, or text editing.
@*Delivery Address Table Section*@ <h3 class="display-6">Customer Address Information</h3> <div class="d-flex justify-content-center"> <div class="col-10"> <table class="table table-bordered table-sm text-center"> <thead> <tr> <th>Delivery Address</th> <th>Contact Person</th> <th>Phone</th> <th>Action</th> </tr> </thead> <tbody id="deliveryAddressContainer"> <tr class="deliveryAddressRow" id="deliveryAddressRow_0"> <td> <input type="text" name="DeliveryAddresses[0].Address" class="form-control form-control-sm" required /> </td> <td> <input type="text" name="DeliveryAddresses[0].ContactPerson" class="form-control form-control-sm" required /> </td> <td> <input type="text" name="DeliveryAddresses[0].Phone" class="form-control form-control-sm" required /> </td> <td> <button type="button" class="btn btn-danger btn-sm" id="btnRemoveDeliveryAddress">Delete</button> <button type="button" class="btn btn-success btn-sm" id="btnAddDeliveryAddress">Add</button> </td> </tr> </tbody> </table> </div> </div> </div> </form> <h3 class="display-6">Customer List</h3> <div class="d-flex justify-content-center"> <table class="table table-bordered table-striped table-sm"> <thead> <tr> <th>Customer Id</th> <th>Name</th> <th>Address</th> <th>Customer Type</th> <th>Bus. Start</th> <th>Credit Limit</th> </tr> </thead> <tbody> @foreach (var customer in Model) { <tr onclick="editCustomer(@customer.CustomerId)"> <td>@customer.CustomerId</td> <td>@customer.Name</td> <td>@customer.Address</td> <td>@customer.CustomerType</td> <td>@customer.BusinessStart</td> <td>@customer.CreditDetails</td> </tr> } </tbody> </table> </div> @section Scripts { <script> function previewImage(event) { const input = event.target; const preview = document.getElementById('photoPreview'); if (input.files && input.files[0]) { const reader = new FileReader(); reader.onload = function (e) { preview.src = e.target.result; preview.classList.remove('d-none'); } reader.readAsDataURL(input.files[0]); } }
let addressCount = 1; document.getElementById('btnAddDeliveryAddress').addEventListener('click', function () { const newRow = document.createElement('tr'); newRow.classList.add('deliveryAddressRow'); newRow.id = `deliveryAddressRow_${addressCount}`; newRow.innerHTML = ` <td><input type="text" name="DeliveryAddresses[${addressCount}].Address" class="form-control" required /></td> <td><input type="text" name="DeliveryAddresses[${addressCount}].ContactPerson" class="form-control" required /></td> <td><input type="text" name="DeliveryAddresses[${addressCount}].Phone" class="form-control" required /></td> <td> <button type="button" class="btn btn-danger btn-sm btnRemoveDeliveryAddress" >Delete</button> </td> `; document.getElementById('deliveryAddressContainer').appendChild(newRow); addressCount++; }); document.getElementById('deliveryAddressContainer').addEventListener('click', function (e) { if (e.target.classList.contains('btnRemoveDeliveryAddress')) { e.target.closest('tr').remove(); } }) //edit customer function editCustomer(customerId) { $.ajax({ url: '/Customers/GetCustomer', type: 'GET', data: { id: customerId }, success: function (response) { if (response) { //console.log(response); .val(response.customerId); .val(response.name); .val(response.businessStart.split('T')[0]); .val(response.creditDetails); .val(response.phone); .val(response.email); .val(response.customerType); .val(response.address); //Handle Photo if (response.photo) { .attr("src", "/Uploads/" + response.photo).removeClass("d-none"); } else { .addClass("d-none"); } //Handle Delivery Address .empty(); response.deliveryAddresses.forEach((address, index) => { var row = ` <tr class="deliveryAddressRow"> <td><input type="text" name="DeliveryAddresses[${index}].Address" class="form-control" value="${address.address}" required /></td> <td><input type="text" name="DeliveryAddresses[${index}].ContactPerson" class="form-control" value="${address.contactPerson}" required /></td> <td><input type="text" name="DeliveryAddresses[${index}].Phone" class="form-control" value="${address.phone}" required /></td> <td> <button type="button" class="btn btn-danger btn-sm btnRemoveDeliveryAddress" >Delete</button> <button type="button" class="btn btn-success btn-sm" id="btnAddDeliveryAddressEdit">Add</button> </td> </tr> `; .append(row); });
ExtendibleTreeStructure is a .NET package that allows easy configuration of tree structures that need to be copied to some other trees with new parents and children. The package allows providing as an input collections (called data stores in subsequent text) of simple objects (called data store items in subsequent text) that have minimum state (id, parent id, priority, id and data store id of copied data store item, etc). The classes in this package construct proper tree structures for each data store. Good example of application of ExtendibleTreeStructure package is when we want to configure menu structure of a project (say in xml file). Lets say some part of the menu structure is common for all file types (e.g., File Menu with Exit, Save, SaveAs menu items, Edit menu with search, etc). Also, lets suppose that the project supports C# and image file types, that support some additional functionality, and require new menu items on top of common (shared) menu structure. In this scenario we can provide a menu data store with shared data store items. Then we can define two more data stores for these two file types, with additional data store items (menu items) specific to these file types. In these new data stores we can copy the data store items in shared data store while spcifying new parent id (or no parent at all). Say we can copy File menu bar to data store for C# file type, and add new data store item for 'Compile' with parent id equal to id of File menu bar data store item. In other words, we specify copy data store items (data store items that specify the referenced data store item data id), with new parent id (or no parent id at all). Also, we can add new data store items with parent Ids equal to ids of children of copied data store items (i.e., add new children to children of copied data store items). The classes in this package will create tree structures in all the specified data stores with proper parent/children relationship, and will make sure the referenced (copied) data store items are copied under new parents (or are copied as top level data store items). Also, the package logs any errors, and prevents circular references that might otherwise result via parent/reference relationships. The git repository https://github.com/artakhak/ExtendibleTreeStructure has more detailed documentation, along with the source code and tests project ExtendibleTreeStructure.Tests with good examples.