UI/UX

150

Solutions

299

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

Hi

I use Twitter, Telegram & RSS feeds to follow new security treats. I also have many groups and users I follow in LinkedIn.

The problem and question:
Each time I start the LinkedIn app all contributions are unsorted. As an example, I have posts that came 1h before, then 6 days ago and the last 2h ago. Why is this so? With Twitter, Telegram, RSS feeds all are sorted as they were posted. The other annoying thing is that when I click the home button it jumps to the uppermost post. Then I must go down to the last post I red. If I still remember it ... :-)

How are you following LinkedIn contributions? Do you use another app?

Thanks for helping me
Leonie
0
Amazon Web Services
LVL 12
Amazon Web Services

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

Hi,

 I want to develop a Xamarin Forms Application. I would like my collegue to do the visual design. He wants to do the visual design as opposed to the coding. Are then any tools that can help prototype the UI. At the moment it looks like the only way is to learn the XAML for Windows and to it in Visual Studio?

However I could be wrong.

Any advice appreciated.

Thanks,

Ward.
0
Syntax similarities and differences between Angular and React?

I am taking a crash course in React and a refresher in Angular. I worked with Angular 4, but would be nappy to start seeing Angular 6 syntax.

I am curious to see what is the same between React and Angular and what is different, syntactically.

Any suggestions where I can find that?

Thanks
0
What does Redux do for React and Angular?

Please give some specifics about what exact state Redux is managing and how it works.

Thanks.
0
Need a crash course in React

I have programmed in Javascript for years and even used Angular 4 on a short project, and loved it. But, it seems employers want React and will pay for it.

So, I need a crash course in React.

What can you suggest?

Thanks.
0
Choosing a Javascript SPA Framework

I have coded Javascript and seen the problems with code bloat which can make the code buggy and hard to enhance. Then, I saw how Angular 4 solved this problem.

What kinds of things cause one framework to be better than another, for a particular purpose? I guess this would involve not only the front-end capabilities, but also the back-end code clarity and modularity.

I am interested in seeing some comparisons between Angular6, React, KendoUI and any others you want so discuss.

Thanks
0
Hi There,

I have 3 dynamically constructed Textboxes (input) (Location, keyword, Contributor) on a reactjs application.   I want to filter the below list of checkboxes onChange event of input boxes (Text box).  It is a react redux application.  Please see the embedded image to have a complete idea about UI.   Please suggest how to achieve this result.

to handle onChange event of dynamically created input boxes
Please see the below code which I had done to create this gui on reactjs.

export default class SearchOptions extends Component {
  constructor(props) {
     super(props);
     //this.updateFacet = this.updateFacet.bind(this);
     this.onInputBoxChange = this.onInputBoxChange.bind(this);
  }

  /*updateFacet(key,value,isChecked) {
      console.log("updateFacet - " + isChecked);
      this.props.actions.updateFacet(key,value,isChecked,false);
  }*/

  onInputBoxChange(e,items,key) {
     items.map(i => console.log(i.value + " count (" + i.count + ")" ));
     console.log("target - " + e.target.value);
     var keysList = items.filter(i => i.value.toLowerCase().indexOf(e.target.value.toLowerCase().toString()) >= 0 ? true : false);
     console.log(keysList);
  }

  createListKeyValues() {
        const listKeyValues = (
          <div style={{marginLeft:10}}>
          {(()=>{
               return i.items.slice(0,3).map((j) => {

                  const label = j.value.charAt(0).toUpperCase() + j.value.slice(1);
                  const count = j.count && j.count > 0 ? ` (${j.count})` : '';

Open in new window

0
Best way to display form results to user in timeline

Screen-Shot-2018-11-12-at-10.36.27.png
above is a snap of the timeline i am making

the engagement section is data that is entered into a form to a table and i want to show this information on a timeline but im stuck on how to show this to the user. for best ui or ux


any tips ?
0
Within my VFP environment - and ONLY within my VFP environment -  I appear to have lost the abiility to use menu hotkeys.

For example, the ALT key still wakes up the UI menu, but I can't activate the Tools menu by pressing "T". If I cursor along to it or click it, I can see all the hotkeys underlined as usual, but none work. eg, if type "b" to open the debugger, nothing happens. I can only open it by cursoring to it or clicking on it.

That's weird enough but here are the complications/clues.

First, I'm getting the same behaviour on my two main development workstations. But not my laptop.

I get the same behaviour with vfp programs I've compiled on those machines; but ONLY if I run them on those machines. My clients running the same software on their workstations have no problem accessing the menus in the normal way.

Clearly its some kind of environment issue and clearly whatever I've done on one of the workstations, I've repeated on the other, but not on the laptop.  I should add that I've only had this problem since some time earlier this year. (Didn't note the date as I assumed it was a transient fault and would disappear with the next reboot or whatever. Then it just became a background irritant). I should also mention that the two workstations are running on different W10 versions (1511 and 1709, both 64 bit)

I do tweak windows quite radically (using Winaerotweaker and other tools for example) but I tend to be pretty consistent and can't imagine what I…
0
I've used Ron de Bruin's Custom UI Editor for a while now, and looking at my xml code you can see I'm not expert. I simply started years ago with his sample file and modified it (very carefully) to my needs.

I've used it in several projects and never had a problem. But this latest one has me stumped. I created an excel workbook with the attached VBA code as I always do, then modified an existing Custom UI project as always. But although as far as I can tell I've done everything exactly as I have in the past, I'm getting an error stating "Cannot run the macro 'ixxxxxxxxx'. The macro may not be available in this workbook or all macros may be disabled"

The trust settings are correct; allow all macros and VBA access. I thought perhaps I had fat-fingered some code somewhere so I used Custom UI Editor to generate the callbacks and they were identical to what I had, but I used them anyway.

I can run all of the subroutines from the macro window with no problem, but I'm at my wits' end trying to figure out what's wrong with my code this time around.

Any help would be greatly appreciated. I'll include my UI xml code and my vba code as well. I'm sure it's probably something simple, but for the life of me I can't find it.Mortgage-Analysis-VBA.vb.txtMortgage-Analysis-UI-Code.txt

As you can see, I haven't even changed the icons in the UI code. I haven't made it that far.
0
Thriving as a woman in IT
Thriving as a woman in IT

The IT workforce is diversifying, but the gender gap in tech remains very real. Overcoming stereotypes, and the glass ceiling is important not only for individual women working in the field but for the industry as a whole. Here are eight things women in IT do to succeed.

Hi experts,

I'm using the Telerik UI for ASP.NET AJAX RadWindow.
https://demos.telerik.com/aspnet-ajax/window/examples/overview/defaultcs.aspx

I'm using ASP.NET and VB.

I saw this example here for passing a parameter from the Main page to the RadWindow:

Using RadWindow as a Dialog
https://docs.telerik.com/devtools/aspnet-ajax/controls/window/how-to/using-radwindow-as-a-dialog

I recreated this example and it works fine.

This is the working code:

RadWindow1_MainPage.aspx

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="RadWindow1_MainPage.aspx.vb" Inherits="RadWindow1_MainPage" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">

        // https://docs.telerik.com/devtools/aspnet-ajax/controls/window/how-to/using-radwindow-as-a-dialog

        // The OnClientShow event handler sets the argument to the dialog being opened
        function clientShow(sender, eventArgs) {
            // When the showRadWindow1 button is clicked the value from the textbox is pass to RadWindow1 as an argument
            var txtInput = document.getElementById("txtInput");
            sender.argument = txtInput.value;
        }
        // The OnClientClose event handler receives the result of the dialog and responds
        function clientClose(sender, args) {
        

Open in new window

0
Hello ;
I want to design a GUI.my application is as bellow :
while compiling my program , a first interface is displayed : it is for user authentication, by validating this step ,another interface is displayed :this interface is devided into two screen  show(Splitter with two column) the second interface is combined : a menu , and a tree view .by clicking in one item , a data and controls are shown in the right of interface.
To do this application , did I need for SDI or MDI
Also how to navigate between the two interfaces (the authentication interface and the second interface), should I use two Documents ?
For the first interface , I just want a simple area which display the logo of company and an edit control for tapping the Password. but since compiling the project ,always a classic dialog box is shown (made by Microsoft ).
Is there any idea which clarify my needs.
Kindly.
0
I installed the WSUS role on a SErver 2016 server but have received a messaged that the WSUS Post-deployment configuration failed.

I have attached the log file for this error.

What do I need to do to fix this issue?

Here are the contents of this file:

2018-07-13 07:10:31  Postinstall started
2018-07-13 07:10:31  Detected role services: Api, Database, UI, Services
2018-07-13 07:10:31  Start: LoadSettingsFromXml
2018-07-13 07:10:31  Start: GetConfigValue with filename=UpdateServices-Services.xml item=ContentLocal
2018-07-13 07:10:31  Value is true
2018-07-13 07:10:31  End: GetConfigValue
2018-07-13 07:10:31  Start: GetConfigValue with filename=UpdateServices-Services.xml item=ContentDirectory
2018-07-13 07:10:31  Value is \\bitcaad01\wsus$\
2018-07-13 07:10:31  End: GetConfigValue
2018-07-13 07:10:31  Content directory is \\bitcaad01\wsus$\
2018-07-13 07:10:31  Start: GetConfigValue with filename=UpdateServices-DB.xml item=InstanceName
2018-07-13 07:10:31  Value is bitcasccm01.bayitnc.com
2018-07-13 07:10:31  End: GetConfigValue
2018-07-13 07:10:31  SQL instance name is bitcasccm01.bayitnc.com
2018-07-13 07:10:31  End: LoadSettingsFromXml
Post install is starting
2018-07-13 07:10:31  Start: Run
2018-07-13 07:10:31  Fetching WsusAdministratorsSid from registry store
2018-07-13 07:10:31  Value is (null)
2018-07-13 07:10:31  Configuring content directory...
2018-07-13 07:10:31  System.UnauthorizedAccessException: Access to the path …
0
Hello,

I am trying to come up with a solution in WPF to solve a UI issue I am having.

If you look at the attached wire-frame for the UI you will see that I'm trying to make a grid of sorts. The top portion of each row contains 'static' data (will always show # animals, species, gender, etc), but the bottom portion (additional details section) is more dynamic. If you look at the wire-frame you will notice that groups 1 and 2 have 5 attributes and group 3 has 8. This 'footer' section should support (n) attributes.

I'm not sure how to go about solving this issue. WPF datagrids re pretty limited so I don't know how to make this concept work with that. It doesn't necessarily have to be a datagrid, as long as I can solve the problem (even if there is a 3rd party control that could handle this, that works too).

Anybody have any ideas on where to get started?

0
Hi everyone,

I have the following AJAX call which updates portion of a page at 5s interval. The code works fine excepts that it appears as though the whole page is being refreshed, rather than just the values of the <p>. The page blinks briefly at every call, causing a horrible user experience. Any ideas why?

setInterval(function(){
        $.ajax({
         url:base_url+'dashboard/getLastTickets',
         method:'GET',
        success:function(data)
        {
            data = $.parseJSON(data);
        }
        });

        var ticketContainer = "";
        var i = 0;
        for (i=0; i<data.length; i++){
                ticketContainer = "ticketContainer" + data[i].service_code;
                document.getElementById(ticketContainer).html = data[i].service;
        }
}, 5000);

Open in new window


I did try to include the for loop within the AJAX call, but that did not solve the issue. Thanks for your help.
0
I use Excel 2016 with classic VBA. I do not use .NET.
Due to a windows 10 system crash, I have to reload the XML Custom UI editor for Microsoft Office, for use with MS Office 2016 (Excel).
When I tried to download the app from the web, I got a request to install ,NET which I did not get when I first installed the XML editor, pre-crash.

What is the correct procedure for downloading Custom UI editor for Microsoft Office, for use with  excel 2016?
Which site ought I to download the xml editor from?

Recommendation for an additional more agile freeware XML editor would be appreciated.

Thanks,
Kelvin
0
Hi,

I was looking for some guidance on the approach to a specific user experience and how people would approach it or if someone has done something like this already.

I have a simple PHP script that enters a value from a text box into the database when the 'add' button is clicked or the user hits enter after entering a value (script below).

What I would like to do is allow a user to hit the enter key when they add their record (as it works below), but if the user were to hit the enter key again, within 4 seconds, it would bring up the full record that they could edit. It is because sometimes the user will only add the one value, but sometimes they will add the one value and also want to view and edit some other fields for that record - how would others approach this from a scripting perspective and also side topic on the User Experience side; are there better ways to do this?




$form = "<form action='./dash_hit46.php' method='post'>" .PHP_EOL;
$form .="<input type='text' id='newadd' name='newadd' placeholder='e.g. x'>" .PHP_EOL;
$form .="<input type='submit' value='add' name='add'>" .PHP_EOL;
$form .="</form>";


if ($_POST['add']){
	
	$newadd = $_POST['newadd'];
		if ($newadd){

		
		// Check connection
if ($conn_task2->connect_error) {
    die("Connection failed: " . $conn_task2->connect_error);
} 

$sql = "INSERT INTO main (tsk_name, tsk_person, tsk_user_link)
VALUES ('$newadd', 'me', '$UID')";

if ($conn_task2->query($sql) === TRUE) {
    echo "New

Open in new window

0
We have a standard core Windows desktop program using Winforms as the user interface that we modify for individual client’s needs. This program is written in VB.NET and uses multiple forms for displaying test data and allowing the user to interact with the system. The user interface forms use a number of standard controls such as buttons, labels, textboxes, datagrids, option controls (radio buttons) and checkboxes to name a few.  There are also quite a few code modules that handle a variety of tasks.  In addition, the program uses a MS Access database with multiple tables.  The main test display form uses a timer control to allow for periodic data acquisition collection.

I now have a client (US Government) that is requesting that we build our program in such a way that the user interface operates completely in a browser such as Internet Explorer.  Another request they have made is that our application run as a service on a Windows 10 pc.

I am looking for guidance as to how, or even if, this can be accomplished. In addition, if this can be done, how much of our module code will be reusable?

Thanks,
Charlie
0
I need some help with a MySQL lock wait timeout error.  I'm appending a simple three field table, that insert statement then triggers about 111 functions that populate another table with totals for certain categories of information, that are then displayed to the user in the user interface.  This process used to work without error, but now certain systems are intermittently throwing this error when the display table gets cleared, my insert statement triggers by 111 functions, and the table is repopulated.

If I close the application and restart it the problem will go away for a while.    How can I debug this error?

The actual error message is:

ODBC--insert on a linked table 'triggerdashboard1' failed.

[MySQL][ODBC 5.2(a) Driver][mysqld-5.7.22-log] lock wait timeout exceeded; try restarting transaction (#1205)
0
Powerful Yet Easy-to-Use Network Monitoring
Powerful Yet Easy-to-Use Network Monitoring

Identify excessive bandwidth utilization or unexpected application traffic with SolarWinds Bandwidth Analyzer Pack.

I have username and password,
I'd like to authenticate these with the Azure Active Directory in my cloud, and I want it to be done with Microsoft Graph API if possible.
And most important, absolutely no user interface. Assume its all running via command line, or in a script.

So far I got the UI way (using C# but ultimately it will be C++):

Uri authUri = new Uri(string.Format("https://login.microsoftonline.com/{0}/oauth2/v2.0/authorize", TenantId));
try
{
   string data = string.Format("client_id={0}&response_type=code&response_mode=query&scope=user.read&redirect_uri={1}", ClientId, WebUtility.UrlEncode(redirectUrl));
   BrowsePage b = new BrowsePage();
   b.navigate(authUri, data);
   b.Show();

   b.Closed += new EventHandler((object sender, System.EventArgs e) =>
   {
      is_authenticated = true;
   });
}
catch (System.Net.WebException ex)
{
    System.Console.WriteLine("Authorize request: " + ex.Message);
}
0
I'm new to VMware and ESXi and this question might be very basic. But it seams I can not find a way to do it. I installed ESXi 6.5 on a server and installed 3 Ubuntu 16.0.4. I can access them through VMWare client and ESXi Web using the console but the question is: how can I access these VM using the VMWare Workstation or anything that allow me to access the Ubuntu UI without login to ESXi server?

I even setup static IP for each Ubuntu VM and tried VMware workstation server connect, using IP address and Ubuntu password but it didn't connect. Is there anything I'm missing? Do I need to setup some permissions or open port on ESXi?

Any help appreciate, -Thanks
0
I'm involved in a software testing group, it's the basic testing of an existing enterprise system. My question is about testing a fairly complex piece of software, that does this and that, and then inserts data into an Oracle table.

How do you test something like this "to the penny"? In order to have an independent test, you'd kind of have to build the same logic separately. Then if the program changes, you'd have to update your testing module.

Nevertheless, this is a system test and not a unit test. But still, to balance "to the penny", this is more than a causal glance at the numbers, "Hey, looks good!"

In my example, the logic retrieves data from Oracle where [such and such] = A, B, or C, and we changed the logic to add D, E, F. I'm inclined to inspect the code as our verification method. But to write a query to test this, I'm thinking I have to build the actual logic from the program.

Just looking for a reasonable approach to this.
0
Hello Experts,

I am looking for some examples/ideas to build a Scheduled Task UI web based for a client in C# .net.
I will be using Windows Task Scheduler to run a console app which will look for the schedule in DB.

Let me know if I am thinking in a right direction.
0
I just installed vcenter 6.5 and set a local administrator@vsphere.local account with password.  I am unable to log in.  It says invalid.  I know for a fact i recorded the pw correctly.  Is there a way to create a user account for the web UI log in from the virtual appliance?
0
how to generate pdf reports in angular UI. Any good open-source npm module to consider?
0

UI/UX

150

Solutions

299

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.