[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x

UI/UX

142

Solutions

284

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

I have an app written in Keno UI (Telerik).  I'm using build.phonegap.com to build runtime for my app, using cordova and Kendo.  I'm stuck on getting the speechrecognition plugin to initialize.  I'm sure it's something stupid but I'm not sure what it is.
Below is a copy of my config.xml file:

<?xml version='1.0' encoding='utf-8'?>
<widget id="ca.xyz.mmb" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>mmb</name>
    <description>
        Integrated Mobile Billing for XYZ Customers
    </description>
    <author email="support@xyz.ca" href="http://xyz.ca">
        Go Team
    </author>
    <content src="index.html" />
    <plugin name="cordova-plugin-compat" spec="^1.2.0" />
    <plugin name="cordova-plugin-file" spec="^4.3.3" />
    <plugin name="cordova-plugin-speechrecognition" spec="1.2.0" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
    <engine name="ios" spec="^4.3.1" />
</widget>

Open in new window

Below is a snapshot of the relevant part of the build.
Build Date: 2018-10-16 05:38:36 +0000

Open in new window

0
Simplify Active Directory Administration
LVL 8
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 have a C# interface exposed to C++ via COM (tlb file),In this interface function i want to send array of  a Object s Object .Class of this object is complex and have different datatypes.I am using Connection pointer for call backs. Now my point is how can i use Safearrays to transfer data from C++ to C# UI.
0
We have a ESXi 6.5 host. I was able to ssh and use web ui to access before . It does deny access to both now. I can only use direct console to log on.
Which log file to look for deny access reason?
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 recently got an older server. 6gb RAM, 1x2tb RAID array. 4 core CPU. Literally an old file server.

I upgraded their server and took this one.

It originally came with Server 2008, but I was unable to recover the key (they wiped the drives and it didn't have a sticker on it.

I was wondering of a linux OS with a web-based GUI. I have used Webmin in the past, and I like it, but it doesn't seem to be updated very often.

I want to know if there are any similar to you Webmin that you like to use. I don't really want to hang out in my office staring at a screen and I ain't great with terminal commands (through SSH). I like the module options like in Webmin. I have also tried Cockpit project, but it doesn't have much on it. And ClearOS is not that easy to use when setting up samba share. Amahi, I have the same issues.

What are your recommendations??
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 all,

I am trying to create a page using the jquery UI 'draggable'

I have for example a number of items on the page located at various positions, say:
 15, 16
 18, 22

Now, if I set the grid to 10, 10 I would like to be able to drag these so that they snap to the 10,10 grid, i.e.
  15,16 --> 20,20
  18,22 --> 20,30

However if I use the code as per the example, it actually moves the item by the grid size, rather than snapping to a specific grid.
For the above example,
  15,6 would snap to 25,16 then 35, 16 etc.
  18,22 would snap to 28,22 then 38,22 etc.
and they would not appear on the same grid.

I have created a fiddle to show the problem - in this you can drag the two items over one another but they do not quite line up.
https://jsfiddle.net/xvLgcetn/1/

Am I missing something obvious??

Any help would be appreciated.

Many thanks,

James
0
exported pdf
I am tried to export pdf UI grid data along with multiple line title and image logo. its setting only first three line as title line even there was more than 3 line in code.
exported pdf file has been attached and wan  to set logo yellow mark position on pdf.
Could you please help me? Thanks in advance


vm.gridOptions = {
                enableFiltering : true,
                enableGridMenu : true,
                onRegisterApi : function(gridApi) {
                    $scope.gridApi = gridApi;
                },

                exporterCsvFilename : 'myfile.csv',

                  exporterPdfHeader: {
                        text: [
                            'line 1',
                            {text: 'hello altruist\nplease \nhelp me'},
                            'end of line 1\n',
                            'Second line \n',
                            'Third line\n',
                            'fghfhgf line\n',
                            'Third line'
                        ], style: 'headerStyle'
                    },

                    exporterPdfFooter: function ( currentPage, pageCount ) {
                          return { text: currentPage.toString() + ' of ' + pageCount.toString(), style: 'footerStyle' };
                        },
                        exporterPdfCustomFormatter: function ( docDefinition ) {
                            docDefinition.styles.headerStyle = { fontSize: 10, bold: …
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
Python 3 Fundamentals
LVL 12
Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

Hello. We are using GASSMO to connect google accounts to Outlook 2016, and what we want to do for a particular user is archive their entire "mailbox" before 2015 in a single PST file. The 2016 UI has an option to "clean up mailbox", which allows this, but that immediately moves the mail from their mailbox to the PST file, and we don't want that. We'll remove the mail from his online mailbox later.

However, when we go to File>Export, it has filters for sent and received and we can set date ranges for that, but what if I want to archive ALL mail (sent and received) before 31/12/2015 (to minimize the number of local PST files)? How would I do this? Thanks.
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
Hi,

Anyone can advice why i can't create new mailbox database either from UI or powershell? See attached error.

Yesterday, I can create very fast by UI but today i can't create the new mailbox database anymore.

Ps advice how to do it as i am stuck now.

Tks.

Lucky
new_db_error.jpg
0
Top-10-Typography-Trends-You-Can-Hea.jpg Typography breathes the essence of life into your design. It not only describes the product you are marketing, but it also adds a personality to it. An effective typography on your website ensures that your design stands outside the circumference and above the competition.

If you are about to make a pick on how your website typography explains your brand to the world, then you need to update yourself on the latest trends. Here are some of the most trending fonts that are taking an upsurge into the world of typography this year.

Check out this amazing #infographic which recently got published on the Branex, a website design agency of the future.

Top 10 Typography Trends You Can't Afford to Miss In 2018
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
3 LinkedIn Tools
The LinkedIn platform has been widely used by brands to communicate with the audience and improve their customer service. Similarly, the network has to do it right. Here are 3 tools that make LinkedIn so good.
0
Acronis True Image 2019 just released!
LVL 1
Acronis True Image 2019 just released!

Create a reliable backup. Make sure you always have dependable copies of your data so you can restore your entire system or individual files.

In this code I'm trying to display table inside table running PHP for loop. I'm able to get the data but unable fix the UI and accordion.I have created the table with in the table but the second table is showing on side,i need that in the next row and also accordion should Work.Please help me Friends.
 <div>  <h1>Payment Detail</h1> </div>

    <input type="text" id="search-payment-detail" />
    <a href="/admin/member-payment-detail">Add Member Payment Detail</a>
    {{--{{dd($payment_details)}}--}}
    <div id="prefetched">
        <table class="table table-bordered">
            <thead>
            <tr>
            <td>Name</td>
            <td>Email</td>
            <td>Mobile</td>
            <td>Role</td>
            <td>Status</td>
            </tr>
             </thead>
            <tbody>
         @foreach($payment_details as $payment_detail)
        <tr class="tableshow">
            <td>{{$payment_detail->sc_fullname}}</td>
            <td>{{$payment_detail->sc_email}}</td>
            <td>{{$payment_detail->sc_mobile_no}}</td>
            <td>{{$payment_detail->role}}</td>
            <td>{{$payment_detail->status}}</td>



            <td><table style="display:none;width:100%" class="collapseshow table table-bordered">
                @foreach($payment_detail->payementDetail as $pd)

                        <td class="width:100%">p1: {{$pd->p1}}</td>
                        <td>p2:{{$pd->p2}}</td>
                        <td>p3:{{$pd->p3}}</td>
           

Open in new window

0
Screen grab - search screenHi All,

I am working on updating a web app that keeps track of a large number of phone number assignments (among other things), I am trying to update the UI so that it doesn't look like it was done in the 90's so I am using bootstrap and jQuery.

I need the end users to be able to search/filter the results from each column, see attached for a redacted likeness for the look/feel I am going with. I didn't want to use separate search buttons to submit the forms, instead I was thinking of having the user just enter the filter terms into the text box and it either updates live or (preferably) updates the view if they press enter.

At the moment I have the screen being generated and the unfiltered results from the database shown in the main view. I have no real idea how to go about using jquery to submit using multiple search fields (or even 1 search field for that matter). So I will need some help pointing me in the right direction and, if you can, some examples.
0
Hi Experts,
I need help adding a value to my KENDO UI Multiselect Control.  I dynamically load my control by providing a datasource.  I then use the optionLabel and value properties to add a value to my control but it's not working.
I have done this before with KENDOUI Drop Down List control, but I can't seem to get to work for the Multi Select control.

I have attached an image of my code and an image of how I use my control in my UI.

Image1.PNG
Image2.PNG
Please let me know what I need to do to make it work.



Thank you in advance,
mrotor
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
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

UI/UX

142

Solutions

284

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.