UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.

Share tech news, updates, or what's on your mind.

Sign up to Post

Hi Experts,
I am using a Kendo UI grid in my MVC.Net application.
I have added an onclick event to one of my grid's columns.  The event takes 1 parameter (the value of the BatchID columns).
I also want to pass the value of the FileName column a second parameter.  Is this possible to do using the template of a given column?
If so, how?

You can see my code, and an image of my code below:
    function loadLog() {
        var BatchID = $("#hdnBatchID").val();
            dataSource: {
                type: "ajax",
                transport: {
                    read: function (options) {
                            type: "POST",
                            url: '@Url.Action("GetLog", "EDI")',
                            dataType: "json",
                            data: JSON.stringify({ "BatchID": BatchID}),
                            contentType: 'application/json; charset=utf-8',
                            success: function (result) {
                                var data = result.FileDtls;
                                if (data != null)
                schema: {
                    data: function (response) {
                        return response.FileDtls;

Open in new window

Build your data science skills into a career
Build your data science skills into a career

Are you ready to take your data science career to the next step, or break into data science? With Springboard’s Data Science Career Track, you’ll master data science topics, have personalized career guidance, weekly calls with a data science expert, and a job guarantee.

How can   I write a detail  high level design for  after a UX designer has presented his or her wireframes?I am planning to write a user interface using Angular...my  architecture...asked me to create a high level detail design but it seems he also has a vague idea what all that entails.Should I design Error codes?What exactly should I do?
I'm primarily a LAMP developer looking to collaborate with a new react developer. At this point, I just want to add/off-load some fairly basic UI functionality. What is the minimum environment required to make this work? If reactjs is just another javascript library, at what point is the basic including of ".js" files not enough? What functionality requires a front-end server (for example, node.js) to provide.
I see a lot of Admin Dashboard HTML themes on the likes of themeforest.

A lot of these are great, however I have never come across a 'Front End Web App' based theme... that has several widgets and UI kits, including all form UI.

Has anyone ever come across anything like this?
Hi ,

I have created three macro coding of which two are of excel macro and one is of powerpoint macro. This macro has to be used again and again. So, for this purpose is it possible to create GUI? I did explored the button option in both excel sheet and powerpoint but I want to create a page type structure which would have three buttons where each button will run that macro   which has been assigned to that button. So, it will work as the file which I need has to be browsed and uploaded and after clicking the button the macros will run giving the desire result. Further file can be downloaded and saved. I have no idea how to solve above problem. Please help me out. Thanks in advance.
I have 3 tabs. On tab # 2 I have two draggable items and one droppable. My two draggable items are "good" or "bad". On tab 3 I have a button and a textarea. Upon the click of the button it will determine if you feel good or bad. What I want to achieve is: when I am on tab #2 and I drag an item into the drop area, lets say I drag and drop the "good" item, I then tab over to tab # 3 and click the button which asks " how do you feel", since I dragged and dropped the "good", when I click the "how do you feel button" it will display "good" within the text area on tab #3. Likewise, if on tab 2 I drag and drop the BAD and then tab over to tab#3 and click the "how do you feel button" then it will display as "bad" inside the textarea. Please help!! Thank you.


<div id="tabs-1">
        <h2>Sign Up</h2>
    <form id="myform">
    <label for="first_name">First Name:</label><br>
    <input type="text" id="first_name" name="first_name" required> <span class="error" id="first_error"></span>

    <label for="last_name">Last Name:</label><br>
    <input type="text" id="last_name" name="last_name" required> <span class="error" id="last_error"></span>

    <label for="last_name">Start Date:</label><br>
    <input type="text" id="datepicker" name="datepicker" required> <span class="error" id="date_error"></span>
    <span class="error" id="all_error"></span>

         <p><input type="button" id="button" value="Creat

Open in new window

I already set the navigation bar background color to Cyan,running to emulator it shows correctly but while creating apk and install it to android device the navigation shows white background.what is the problem and how to solve it?

Her is my code for changing the color
MainPage=new NavigationPage(new StartPage()) { BarBackgroundColor = Color.FromHex("#42dcf4"), BarTextColor = Color.Black };
how to create a user interface thread in mfc and UI thread will display  the  four times the dialog box should open.
Simple question. Can I code in XML a custom spinner control (up/down) as seen in the following Office Apps:

Excel Tab : Page Layout / Group : Scale to Fit / Control : Scale
Word Tab : Layout / Group : Paragraph / Control : Left
PowerPoint Tab : Transitions / Group : Timing / Control : Duration

I've seen plenty of unsightly workarounds with box elements but is this native control available to XML developers?
Many doctors send their patients to a saliva hormone testing lab for saliva hormone testing. The objective of this test is to measure hormonal balance. Blood serum testing is another method for measuring this hormonal. However, saliva testing is more reliable.
A proven path to a career in data science
A proven path to a career in data science

At Springboard, we know how to get you a job in data science. With Springboard’s Data Science Career Track, you’ll master data science  with a curriculum built by industry experts. You’ll work on real projects, and get 1-on-1 mentorship from a data scientist.


I have searched for good articles/tutorials/videos on using managed bindings with Delphi but other than this video: Introduction to MVVM - The Delphi Way https://www.youtube.com/watch?v=k64Skcn3d6E and this blog post: Using LiveBindings to Connect the UI to Objects https://www.adug.org.au/technical/vcl/using-livebindings-to-connect-the-ui-to-objects/ I haven't found much on using code based bindings with Delphi.

I would love to study the framework used for the BindingDemo in the video as a guide in creating/extending such a framework.

My idea is instead of using the live bindings designer in the IDE I would prefer the bindings to be explicitly specified in code:
FViewModel.bind(edtName, 'edtName.Text', 'Name'); // Bind to Properties
FViewModel.bind(edtEmail, 'edtEmail.Text', 'Email');
FViewModel.bind(btnSave, 'btnSave.Enabled', 'CanSave'); // Bind to Methods - through property

Open in new window

I am aware there are several more robust MVVM and ORM frameworks (mostly using attributes, not explicit binding) but a guide, tutorial or demo of creating a simple MVVM framework would be better for me to deepen my understanding of live bindings, generics and using Delphi's RTTI system.

I need a hold my hand example or any useful information on using managed bindings with Delphi.

Here is an extract from the screenshots of the video (with my ideas/queries) to get an overview of the code structure. (The author of the video indicated he would publish the source code but I have not found it)

Open in new window

How to print user interface the designer page
Hello all, hoping someone can point me to the right program.

Our company is wanting to get a staff attendance sign in / out register. It really doesn't need to be over complicated or offer any other services, simply, staff turns up to work, punches in, staff leaves punches out.

We currently use an excel file for this, to begin with it was ideal, but as our company grows we need a little bit more.
I have searched for past 2 weeks straight trying to find the right program, all the ones i have found so far are way more advanced than what we need and price is way out of budget, or they are for 1 staff member only, that clocks in and out,
need to be able to add names, staff click on there name, signs themselves in or out.
We have  hosted  a UI application using Node js on AWS Elastic beanstalk in production environment . Because of minimal 1 to 5 % 5XX errors the EC2 instances keep going into degrade and then warning state. This is happening for very few minutes time interval. After sometime EC2 instance goes into normal state.  How to configure the threshold for 5 xx error so that we cannot see the server into degrade or warning state.
Hi all

The UI for my react app has a main section (takes up most of the screen) and a left hand side pane.
I'm using 3 separate ag-grids:
-One as the main one on the main screen holding the important data.
-the other two are in the left hand side pane (the less important grids for assistance/statistic holding).

This left pane uses (two) tabs, i.e. click on one tab to see one ag-grid, click the other tab to see the other ag-grid

For the tab functionality, i used npm to install the NPM react-bootstrap-tabs node module.

Recently I managed to set up one of the left pain ag-grids to hold filtering information from the main grid.
This was quite a hassle since the grids were effectively grand-sibling components which needed to communicate. without touching AG-grid src code, I had to set up ag-grid callbacks to take note of the filtering data from the main ag-grid, send it up to the grandparent component of my app, and then send it back down to the other grand child ag-grid component.

It all works however I noticed a glitch. When initially loading the whole page, the first tab in the left pane is active by default. The left pane ag-grid that holds the filter information is in the second tab. What I want is to click on this second tab, and see filter data be populated automatically as i filter the main ag-grid. However when I have the second tab active and i filter the main ag-grid (i.e. adding filter …
* We have a product Ccure[/b][/b] Anti-Theft which is not working in oppo company phones background we are trying hooting on wrong attempt.
            we have perform certain process like:
    1. we exclude this app from battery optimization and power saving.
    2. We exclude  also from data saving.
    3. App process management and given all permissions .
    4. added to app auto startup (Startup Manager)
    5. Also prevented app to be killed while releasing background app memory

* we have also referred to certain links to resolve our problem but did not.
reference link.

Take a look above website and try to click on icon next to sorted by drop down. I like the feature that can show list or grid
If I already have asp.net repeater and inside using table with (https://datatables.net/) plugin, is it possible to make it happen?

If yes, please show me how.

hi  i have code like this  File inputFile = new File(templateDownloadRequestDto.getTemplateName().trim() + ".xlsx");
this line is showing as path manipulation issue HP fotify scanning, from UI level i select a drop down value to download a file, then i hits a spring controller, from spring service we prepare xlsx sheet using apache poi ,here we are not validating any file names, because those are predefined names, so no need to validate file, how can i resolve this issue ?
Hi Experts ,

Am trying to make the canvas responsive when the Jquery UI Dialog resizes . but some how it didn't work  and i know someone already reinvented the wheel . Please share if anybody did .

Thanks in Advance Experts
Simplify Active Directory Administration
Simplify Active Directory Administration

Administration of Active Directory does not have to be hard.  Too often what should be a simple task is made more difficult than it needs to be.The solution?  Hyena from SystemTools Software.  With ease-of-use as well as powerful importing and bulk updating capabilities.

I need to replace the JList with 7  JCheckboxes. Run the code and see what I mean. Thanks

import java.awt.Container;

import java.awt.GridLayout;

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import javax.swing.BorderFactory;

import javax.swing.BoxLayout;

import javax.swing.ButtonGroup;

import javax.swing.JButton;

import javax.swing.JFrame;

import javax.swing.JList;

import javax.swing.JOptionPane;

import javax.swing.JPanel;

import javax.swing.JRadioButton;

import javax.swing.JCheckBox;

import javax.swing.JLabel;

import javax.swing.JScrollPane;

import javax.swing.ListSelectionModel;

import javax.swing.event.ListSelectionEvent;

import javax.swing.event.ListSelectionListener;

public class Pizzeria extends JFrame {


   protected final String SIZE_OPTIONS[]={"Small","Medium","Large","Extra Large"};

   protected final double SIZE_PRICE[]={7,9,11,14};

   protected final String DRINK_OPTIONS[]={"Soda","Tea","Bottled Water","Tap Water"};

   protected final double DRINK_PRICE[]={2,1.5,1.25,0};
   String tops[]={"Mushrooms","Onions","Cheese","Green Peppers","Pepperoni","Black Olives","Sausage"};
   private JCheckBox peppCheckBox, mushCheckBox;


   protected double pizzaCost,drinksCost,toppingsCost;


   public Pizzeria()


       super("Pizza App");






   //The UI is designed as follows. Components 

Open in new window

I am planning to storing large video files on GitHub and is looking for guidance on how to optimize the user experience for downloading these large files off GitHub.

Is there any way to make the files smaller on the upload, cloning the repo, or if there was another platform/service we could consider ?

Hi All,

We need to create installer for our software product.
But requirement is to have installer with 'UI look and feel' similar to that in software product (like customized installer screen size, customized background color, company logo bmp on topleft in installer screen, customized button, progress of installation while installation is in progress etc).
Visual Studio Installer is not useful for this requirement as we can not have custom UI using visual studio installer.
So wants to know if there is any suggestion on which installer to use/tryout for getting custom UI while installing.

Thanks & Regards,






UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.