UI/UX

134

Solutions

267

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

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
Managing Security Policy in a Changing Environment
Managing Security Policy in a Changing Environment

The enterprise network environment is evolving rapidly as companies extend their physical data centers to embrace cloud computing and software-defined networking. This new reality means that the challenge of managing the security policy is much more dynamic and complex.

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
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
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
I have a lightning component on the click of that at UI level, which my user  operates in chrome.Can I redirect from  Chrome to IE(explorer) -instead of a new tab in chrome to New tab in IE- on a click in UI?
0
I'm looking for webmin-like interfaces for my server. I really want more of an actual OS feel in a browser, and I find Webmin is limiting. Any one have suggestions?
0
I need help with tiff.js! I'm working in a locked down environment, but any advice would be helpful... I'm able to stream the file into my UI (Angular) when referring to a file in a file folder, but I don't know how to send in a bitstream. Documentation seems to be limited. Any advice on how to send a bit stream (for example, a file from any web site) to a UI using tiff.js?

Thanks,
Luke
0
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.
0
ON-DEMAND: 10 Easy Ways to Lose a Password
LVL 1
ON-DEMAND: 10 Easy Ways to Lose a Password

Learn about the methods that hackers use to lift real, working credentials from even the most security-savvy employees in this on-demand webinar. We cover the importance of multi-factor authentication and how these solutions can better protect your business!

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?
0
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.
0
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.

HTML:

<div id="tabs-1">
        <h2>Sign Up</h2>
    <form id="myform">
    <br>
    <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>
    <br>

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

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

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

Open in new window

0
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 };
0
how to create a user interface thread in mfc and UI thread will display  the  four times the dialog box should open.
0
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.
0
Hi,

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

0
How to print user interface the designer page
0
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.
0
Ultimate Tool Kit for Technology Solution Provider
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

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.
Server_State.PNG
0
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 …
0
* 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.
     https://stackoverflow.com/questions/4797050/how-to-run-process-as-background-and-never-die
0
http://estato.html.themeforest.createit.pl/search-list.html

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.

Thanks
0
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 ?
0
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
0

UI/UX

134

Solutions

267

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.