Go Premium for a chance to win a PS4. Enter to Win

x

UI/UX

79

Solutions

185

Contributors

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

http://demos.telerik.com/aspnet-mvc/datepicker

I'm using the telerik ui for asp.net mvc datepicker.

Is there a way to prevent user from typing inside the textbox?
So basically they must click on the calendar icon and use the datepicker to select the date
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE
LVL 5
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

I'm new to the jQuery, I need to create the validations for email and names, I had already tried for empty column, Its working properly,

My Jquery Code is:

 $(document).ready(function() {

    var apiHost = "";
    var apiResUrl = "/v1/resources";
    var apiValuesUrl = "/v1/values";
    var apiAddNewEmployee = "/addemployee";
    var apiGetEmployees = "/getemployees";

    var addEmpValidation = function() {
    var fname = $("#fname").val();
    var lname = $("#lname").val();
    var email = $("#email").val();
    if (fname == undefined || fname == "") {
        $(".newEmperrorMSG").text("Please Fill Emp First Name !!!");
        $(".newEmperrorMSG").show();
    }        
    else if (lname == undefined || lname == "") {
        $(".newEmperrorMSG").text("Please Fill Emp Last Name !!!");
        $(".newEmperrorMSG").show();
    }        
    else if (email == undefined || email == "") {
        $(".newEmperrorMSG").text("Please Fill Email !!!");
        $(".newEmperrorMSG").show();
    }        
    else {
        addEmployee();
        $('#new-employee').modal('hide');
    }
};

var loadEmployee = function() {
    var page = 1;
    empajax("sort:descending AND (-id:1000)", page);
    $("#navigationdiv").hide();
    $("#searchdiv").show();
    $("#custompanel").show();
    $(".successMSG").hide();
    $(".errorMSG").hide();
    $(".newEmperrorMSG").hide();
    $("#addEmp").on('click', function() {
        …
0
I'm working on the Jquery to create the validation for employee portal. I'm having the columns like name, email id, doj, reporting etc. like the things. If the column is empty it need to show dialog warning or dialog window.

I have used the below Jquery,

var apiHost = "";
var apiResUrl = "/v1/resources";
var apiAddNewEmployee = "/addemployee";
var err = "/dialog";
var addEmployee = function() {
var data = $(newEmpForm).serializeArray();
$(".successMSG").hide();
$(".errorMSG").hide();
$.ajax({
url: apiHost + apiResUrl + apiAddNewEmployee,
type: 'POST',
data: JSON.stringify(data),
headers: { token: $.cookie('token') },
contentType: "application/json",
error: function(err) {
$(err).dialog();
},
success: function(data) {
if (!isEmpty(data.response.status) && data.response.status.toLowerCase() == "invalid") {
alert("Naga Test Boo");
} else {
if ((data.response.message != undefined) || (data.response.message != "")) {
$(".successMSG").text(data.response.message);
$(".successMSG").show();
}
searchEmployees(false);
$(".successMSG").delay(3000).fadeOut(2000);
$(".errorMSG").delay(3000).fadeOut(2000);
}
}
});
};

var loadEmployee = function() {
var page = 1;
empajax("sort:descending AND (-id:1000)", page);
$("#navigationdiv").hide();
$("#searchdiv").show();
$("#custompanel").show();
$(".successMSG").hide();
$(".errorMSG").hide();
$("#addEmp").on('click', function() {
$("#empID").val(getEmployeeID());
$('#new-employee').modal('show');
});
datepic($("#datepicker"));

Open in new window

0
I am playing with a puzzle program where certain puzzle pieces will have information to share, and those are the ones with a "dog-ear" on the upper corner.

Sample
Those with a dog-ear will respond differently to user interaction and each will have images, videos and/or help text, explaining what's so special about the selected  puzzle piece. There could also be a left-click or a right-click which opens an enlarged version of a given puzzle piece, so the user can get a close-up.

I need some ideas about how to present this information to the user. I am not sure what types of click or clicks would be used to bring up what probably would be a menu of options.


Suggestions?
0
Hey all,

I have an application that is being used for many clients. However, I've been asked to consolidate to a single code base. The application is also in need of a nice face lift to become more aesthetically pleasing as well as to increase the over all UI/UX. I've never event attempted something like this before so my question is: Would it best to develop/re-develop in C#/MVC or WebForms or modify the current VB.NET application to utilize new features etc.? All of the clients have a similar type of service, however, there are some drastic differences to features, the display of information etc. That being said, I'm not too sure of how cost effective it would be to attempt to consolidate into a single code base vs redeveloping the application utilizing as much code as possible with translation into C#.
0
hi,
when i type some message to a friends  click send in watsup making sound. How to mute that sound while sending watsup messages. while receiving messages i do not hear sounds.

setting notification watsup has little circle which i can move to left and right
is left is mute or right is mute
i see 3 , 4 options there.

i tried all but still sound comes when sending messages. how to mute
please advise
0
HI experts,
could you suggest few products which can create stunning colorful and appealing UI design for Web and possible for IPad and Mobile.
 Which can read json msg and render UI.

Please advise

Similiar to below
https://www.awwwards.com/creative-ui-design-examples-for-great-ux.html

https://www.behance.net/gallery/4146415/MINIMETEO-for-iPad

https://dribbble.com/shots/606745-In-app-Visual-Data
0
I just wanted to know precisely What is the difference between Gray box testing, black box testing and white box testing?
0
I am a .NET Full Stack developer with UI experience, but little on Angular.

What's the best version to learn?

I want to learn that to maximize my value in the job market.

Thanks.
0
Any idea where the location of wechat document is stored in Android ?

Thx
0
Independent Software Vendors: We Want Your Opinion
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

I love the notion that my REST web service could deliver a complete UI to the client, which that the client could then display complete functionality inside a window, on their own site. What's kind of client/server relationship is this?

Is this what Code-On-Demand does?

Does it return HTML/JavaScript/CSS?

What kind of control is needed on the client to receive this? An iframe?

What kind of problems might there be with this kind of interaction?
0
Hi experts,

I'm using the telerik kendo ui for jquery timepicker

Example
http://demos.telerik.com/kendo-ui/timepicker/api

Reference
http://docs.telerik.com/kendo-ui/api/javascript/ui/timepicker

On this example at the link above

If i select a time from the time picker the display on the time picker displays in this format: 1:00PM

example
Then when i press the GET VALUE button, in the alert window the value for my selected time displays like this:

tp2.PNG
So when I select 1:00 PM from the timepicker the alert window shows it in this format:

Wed Aug 30 2017 13:00:00 GMT-0700 (Pacific Standard Time)

How do i format the timepicker so when I select 1:00 PM from the timepicker the alert window shows it in this format?:

08/30/2017 1:00 PM
0
Hi, My phone is on android 6.0. The notifications sounds have stopped, although it does ring when someone phones. All the sounds I can find (media, alarm, phone ring) are turned up.

Any thoughts? Thanks, we're pretty much newbies.
0
My problem is with an app that has been written for me, running on a Samsung Tab A, where I cannot get the soft keyboard to pop up anywhere in the app.  A bluetooth barcode scanner is paired, and I also have the Android setting turned on that says "Show on-screen keyboard".   And if I go into the "Memo" app that came with the tablet--similar to WordPad--I can scan barcodes into it, or I can touch the screen and the soft keyboard pops up.  Same with Chrome...if I touch the bar where you key in the URL, it pops up the keyboard like it's supposed to--and I suppose I could scan data into that same line.

But in this app written for me, I can scan in data with no problem, but I can't get the soft keyboard to pop up.   The developer  blames it all on me, insisting there is nothing he can do.  He keeps saying that there is nothing in his code that would suppress the soft keyboard.  But he won't tell me whether there is anything that will "activate" the keyboard.

I'm not at all familiar with this C# code written for a Xamarin environment.  But one thing I'm wondering is this: On an Android device, if you touch a textbox, is the soft keyboard supposed to pop up by default--or do you have to include code to tell it to do so?  I'm wondering if maybe he is missing some code that will tell the program to pop up the keyboard.

I do understand that the Settings need to be set up right, as outlined above, but they are--as evidenced by programs such as Chrome and that Memo app allowing…
0
See above. My Outlook calendar - on my Android phone - using the 3 day view shows up as 8/24 instead of 24/8....I had changed the settings in the Office 365 admin to show up as dd/mm but doesn't seem to transfer across.....
0
Hi,

moto 4g plus android makes noise while taking photo. how to mute while taking photo. please advise
0
How can I make the show desktop menu stay at bottom of a Samsung Galaxy S8 phone?

Currently I have to push up at the bottom of the Samsung Galaxy S8 screen to make this menu appear. I would like for it to stay at the bottom of the phone screen at all times.
0
Hi,

when i switch on my moto 4g plus android plus  it says loudly "hello moto" then some music while it is starting. How to mute these disturbing sounds on start up. what settings i have to change or that?

please advise
0
I used this Note 5 for 2+ years with a great experience.  Great phone - large bright screen 5.7" 2560x1440 pixels, fast 4GB RAM and 32GB Storage, 16mp camera.   All good except.. battery life is terrible.  Time for an upgrade.  
Should I stick with Samsung and go with Note 8 or what would be other recommendations?  

Thanks in advance.
1
Industry Leaders: We Want Your Opinion!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

I am considering using Devexpress MVC for a simple table-based project.  A colleague says not to do it because it will increase the need for custom UI coding.  Does anyone have experience with whether using Devexpress MVC controls increased or decreases the need for custom UI coding?
0
I have been watching these videos:
https://mva.microsoft.com/en-US/training-courses/testing-in-visual-studio-2015-16459?l=iIYJ0ewXC_9506218965

The videos refer to several tools, that are not free.

I was wondering what other free tools are out there that can do the same job as the ones described in the video:
- Exploratory testing and registering test cases and bugs directly with screenshots, action logs and video capture.
- Load testing
- Web performance testing
- Automated UI testing.
- Similar solution to Microsoft Test Manager

My projects are in ASP .Net MVC with C# as backend, and the tools suggested need to work with that technology.
0
I have been supporting Box.com for several years now.

Now I'm looking to find the best sources for training other techs I work with on how to support Box.com.

What are the best sources for this type of training?
0
I have an angular UI application of two pages where one page takes user input details and insert the values on click of button into MySql DB through an API call and redirects to second page where details entered in first page must be displayed to user.

After inserting the values in first page, the values are stored in DB where it is recorded in php logs but in second page when I want to show the details of user entered, data row doesn't exist in DB.

The insert query is a single row insert and is not under any transaction. However even after implementing transactions same issue persist.

I have records of mysql logs also where there is only the insert log but no delete logs for the same inserted values.

I have kept a count of data before inserting and after inserting, the count got reduced by one when I have made a second API call to get details to second page to display the user details and throwing an exception of 400 bad request.
0
Q1:
We are concerned with using the latest Chrome due to data loss/leakage
via whatsapp sidebar : does this feature enable files upload/downloading?

Q2:
is there any way to remove/disable it & how to go about doing this?

Q3:
If it's a data loss risk & not possible to disable, which previous latest
version of Chrome doesn't have this sidebar?  I'm thinking of using
the older version & hopefully Google still release patches for it


I just thought that since Whatsapp on my Android allows us to attach
files, this feature in Chrome may allow the same
0
Hello,
 
I'm a seasoned software developer, but my experience with Java extends only a few years. Last year I embarked on creating a GUI for one of our company-specific data stores. I chose JavaFX as the GUI framework.
 
To position user controls onto a screen, the most appropriate widget for one of my layouts appeared to be a GridPane. JavaFX has one built in, but I prefer the wrapper with the same name, that is part of JFXtras.
 
In this GridPane, I placed a generic Label control. It is meant to receive texts of varying lengths. And when it receives a text larger than can fit, I want that Label to grow in size, and make the entire Scene Graph (i.e. GridPane, Scene and Stage) grow with it.
 
Thus far I have set properties and invoked methods that looked like they would allow for that, to no avail.
 
How can I make this happen?
0

UI/UX

79

Solutions

185

Contributors

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.