UI/UX

165

Solutions

316

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

This is similar to a question I posted the other day, only this time, I want to be able to do the same thing with Browsers. Google hasn't been of much help.

I'm testing a variety of (5) browsers I plan to eventually do a review on, but in order to test them properly and to my own satisfaction, I need to keep switching the default Browser in Windows 10 using the GUI method in Default Apps. Too many clicks needed for my liking.

Is there a simpler way you know of that I could do the same thing with just a couple of mouse clicks, like the solution John found for me in my other question?

Ie: For my microphones, all I need to do to change the default Microphone to use is with one click of my mouse as shown below and it's done:

Example of the type of solution I'm looking for.
Similar to the above, I'd like to have a menu where I could just click and select any browser I want to make it the default browser in Windows 10 with one or two clicks.

Please note that I am heavily challenged when it comes to any type of coding, scripting or automating. A programmer I am not.

Using a GUI I can figure out how to do just about anything on Windows, but if I need to make changes via Powershell or similar, please include detailed instructions on how, where and why I need to enter any script(s) to achieve my end goal.

Any suggestions?

Thanks, Andrew
0
Price Your IT Services for Profit
Price Your IT Services for Profit

Managed service contracts are great - when they're making you money. Yes, you’re getting paid monthly, but is it actually profitable? Learn to calculate your hourly overhead burden so you can master your IT services pricing strategy.

I'm confused about archiving. When I swipe to delete an episode I see it gets archived (I believe).

Seems to me I don't have any need for archiving. What's the thinking behind this feature?

Is there any merit to my archiving episodes? Where do they even go?

And, is there any way to disable it?

Thanks!
0
I have two Microphones connected to my Windows 10 Pro (64-bit) box.

One is built into my Web Cam ( Microsoft LifeCam Cinema ) and what I've been using up until now.

Recently I purchased a much higher quality USB Microphone that does a significantly better job at filtering out background noise.

Sometimes though, I still want to use the built-in Microphone in my LifeCam Cinema WebCam.

I know how to make the change via UI methods, but it takes too many clicks for my liking, so wondered if there is a simpler way to achieve the desired result?

Change Default Mic in Windows 10 using a script of some type.
So... what I need is a batch file, script or Powershell command way of telling Windows 10 which Microphone to use by default. Something I can double-click on my desktop which will result in all of the needed changes to be made to make one or the other Mic the default in Windows 10.

Please note that I am heavily challenged when it comes to any type of coding, scripting or automating. A programmer I am not.

Using a GUI I can figure out how to do just about anything on Windows, but if I need to make changes via Powershell or similar, please include detailed instructions on how, where and why I need to run the script(s), and if doing so will have any negative effect on Windows 10 security.  It's why I stay away from using PowerShell unless an expert in it tells me exactly what to do and why! <g>

With all that said, can anyone offer a solution?

Regards, Andrew
0
Is there are way to send update tasks to the MySQL server that releases the user interface to move onto other things?

I'm trying to improve the performance of my application when a user makes a change that effects data in other tables, as it triggers a handful of various update and delete queries.

I thought I could use the trigger capability in the MySQL table, and simply append a temporary  table with needed parameters, and then have the trigger  run though the list of queries that use those parameters and all of this would run on the server and the UI would be released so the user could navigate to their next task instead of waiting for all this to finish processing.

I know the Events I set up in MySQL can run in the background and run a list of queries at a set interval that don't effect the UI, so I'm thinking there must be a  way to trigger a similar capability.

So far I'm still getting the spinning cursor wheel while the UI waits for the trigger queries to run.  I need more speed Scotty!!!  What am I missing?

The UI is MS Access using VBA and passthrough queries with MySQL ODBC connections to the MySQL server.

And I'm using Navicat for MySQL for all my MySQL development.

Thanks!
0
Hi,

How to Specify a vary: Accept-Encoding Header  on svg file?

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3157.35 632 16.91 16.909" width="20px" height="20px"
>
  <defs>
    <style>
      .cls-1 {
        fill: none;
      }

      .cls-2 {
        clip-path: url(#clip-path);
      }

      .cls-3 {
        fill: #e60053;
      }
    </style>
    <clipPath id="clip-path">
      <rect class="cls-1" width="16.91" height="16.909"/>
    </clipPath>
  </defs>
  <g id="Repeat_Grid_8" data-name="Repeat Grid 8" class="cls-2" transform="translate(3157.35 632)">
    <g id="Group_1491" data-name="Group 1491" transform="translate(-342.35 -26)">
      <rect id="Rectangle_352" data-name="Rectangle 352" class="cls-3" width="21.61" height="2.304" transform="translate(342.351 41.28) rotate(-45)"/>
      <rect id="Rectangle_354" data-name="Rectangle 354" class="cls-3" width="21.61" height="2.304" transform="translate(343.979 26) rotate(45)"/>
    </g>
  </g>
</svg>

Open in new window

0
If I am using an iPhone 6, and I am going to buy a new iPhone XS Max, am I need to reset my Apple Watch? Is Apple Watch support connect to two iPhones?
0
I have using UI on getbootstrap.com
and integrate with the following form wizard
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_form_steps

Everything is working fine except the following validateform() on w3school.com.
My question is: inside of validateform(), how can I call the bootstrap basic client validation? Because all of the my input html 5 is under bootstrap, and I want to take an advantage of using it instead of re-code everything manually.


function validateForm() {
        // This function deals with validation of the form fields
        var x, y, i, valid = true;
        x = document.getElementsByClassName("tab");
        y = x[currentTab].getElementsByTagName("input");
        // A loop that checks every input field in the current tab:
        for (i = 0; i < y.length; i++) {
            // If a field is empty...
            //if (y[i].value == "") {
                // add an "invalid" class to the field:
            //    y[i].className += " invalid";
                // and set the current valid status to false
            //    valid = false;
           // }
        }
        // If the valid status is true, mark the step as finished and valid:
        if (valid) {
            document.getElementsByClassName("step")[currentTab].className += " finish";
        }
        return valid; // return the valid status
    }

Open in new window

0
Hi all, I am using https://getbootstrap.com for my website as UI. It works fine. but just have some common question.

1. <input type= such as phone, ssn, zip code>, how to get the MASK for each?
2. <input type= such as phone, ssn, zip code>, how to get validation code? I have all of them required already?
0
I'm developing a Bootstrap project and started out with a UI kit theme but found that tweaking it was an issue, so I'm now using standard-issue Bootstrap.  My question is what or where are recommended/best form UI Components?  I've researched, but am not sure which are quality ones, so recommendations or a guide to resources is appreciated.   I usually use Foundation, and this project is also new to me as it is financial and has dates, amounts, percentages and charts.

I'm using the current Bootstrap version as it is today at https://getbootstrap.com/.

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
 
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>


UI components of …
0
There arent enough of us to do the full testing we should do on new features we build for our website, plus to just make sure things keep on functioning as they should. We need to set up automated testing of all of our website features, like logging in, getting special pricing levels based on who you are, shipping API's functioning as they should, general website functionality etc. Is Selenium a good way to go? If so, can somebody please give me a bullet point list of how to get started and implemented? This is for a large website on LAMP stack. Thanks very much.
0
Answering your cyber security questions
Answering your cyber security questions

It’s in the news. It’s the job title of the main character on every other tech thriller on TV and in the movies. It’s the hot topic in business boardrooms, university classrooms, and just about everywhere else. But what is cyber security, and how do you get a job in it?

Hi there, I need some help with creating a folder structure in Artifactory which is installed on an ECS cluster within an redhat server ec2 instance.this is my first time doing this and I have been a bash script file which creates the necessary folders...my question is,how do I make sure I run this bash script file correctly and how do I check afterwards that it has been successful created using the web UI or command line... thanks in advance for your help.
0
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
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
Active Protection takes the fight to cryptojacking
LVL 2
Active Protection takes the fight to cryptojacking

While there were several headline-grabbing ransomware attacks during in 2017, another big threat started appearing at the same time that didn’t get the same coverage – illicit cryptomining.

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
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

UI/UX

165

Solutions

316

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.