UI/UX

141

Solutions

279

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 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
Get Cisco Certified in IT Security
Get Cisco Certified in IT Security

There’s a high demand for IT security experts and network administrators who can safeguard the data that individuals, corporations, and governments rely on every day. Pursue your B.S. in Network Operations and Security and gain the credentials you need for this high-growth field.

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
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
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
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
Big Business Goals? Which KPIs Will Help You
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

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
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
Choose an Exciting Career in Cybersecurity
Choose an Exciting Career in Cybersecurity

Help prevent cyber-threats and provide solutions to safeguard our global digital economy. Earn your MS in Cybersecurity. WGU’s MSCSIA degree program was designed in collaboration with national intelligence organizations and IT industry leaders.

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

UI/UX

141

Solutions

279

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.