UI/UX

171

Solutions

328

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

Upgraded from ColdFuison 10 to ColdFusion 2016; all my UI components do not work.
They render as a grayed out area.
0
Ensure Business Longevity with As-A-Service
Ensure Business Longevity with As-A-Service

Using the as-a-service approach for your business model allows you to grow your revenue stream with new practice areas, without forcing you to part ways with existing clients just because they don’t fit the mold of your new service offerings.

https://jsfiddle.net/adilfanta/tzq4yh0m/67/


I am trying to make a crud UI to display in my google chrome browser but for some reason my code is not functioning properly but it is working in my jsfiddle what can I do to solve this looked up many things could not find the right answer
0
CaptureUi.PNG
I am trying to do a crud application but nothing is showing on the webpage I was testing it out on jfiddle and it was working but when I logged back on today it wasnt working
 below is my zip file of my html css and js


mystyle.zip
0
Crud UI not functioning
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
<link href="mystyle.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="mycrud.js"></script>
</head>
  <title>My Movies</title>
  <header>
    <h1>Movies</h1>
  </header>
  <body>
<button id = "showMovies" type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal">All Movies</button>
<button id = "movieAdded" type="button" class="btn btn-danger" data-toggle="modal" data-targe="#exampleModal">
Add
</button>
<table class="table table-bordered table-hover" width="100%">
  <thead style="background-color:#ddd;" class="table-borderless">
    <tr>
      <th>idmovielist</th>
      <th>name</th>
      <th>thumnail_path</th>
      <th>description</th>
      <th>year_released</th>
      <th>language_released</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody id="movies"></tbody>
</table>
</body>
</html>
body {
  background: #20262E;
  padding: 20px;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  

Open in new window

0
UImyexecute.zip

Above I have two files and the first one is a picture of my UI the problem is all the infromation in my ui is displaying in only one column of my table not in seperate columns. What can I
do to fix this
0
Crud UI
Above I have a picture of a crud ui and I want to make mine similar to that and below is my css html and javascript and ley me know what I could add to fix it

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
<link href="mystyle.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
</head>
<script src="execute.js"></script>
  <title>My Movies</title>
  <header>
    <h1>Movies</h1>
  </header>
 <form id="newForm">
     <div class="form-group row">
       <label for="idmovielist" class="col-sm-2 col-form-label">idmovielist</label>
         <div class="col-sm-10">
           <input type="text" class="form-control" id="intNum" placeholder="idmovielist">
         </div>
     </div>
     <div class="form-group row">
       <label for="name" class="col-sm-2 col-form-label">name</label>
         <div class="col-sm-10">
           <input type="text" class="form-control" id="name" placeholder="name">
         </div>
     </div>
     <div class="form-group row">
       <label for="thumnail_path" class="col-sm-2 col-form-label">thumnail_path</label>
         <div 

Open in new window

0
tracing packets between 2 deivces.  i have 2 PC's that use specialist software for sending print jobs to printers.  the pritners are built into a production line.  every so often the printer stops responding all together.  

it wont respond to pings, recive the jobs its supposed to and the web UI wont display when connecting to it.  if i take a laptop and plug directly into the printer i can then access the web UI but on my network it still doenst work.  however after some time it will respond and will work as normal without having to doing anything.

i have checked all the usual netowrk things and even gone as far as doing the following:

replaced switch
replaced printer
replaced all cat5 cables
changed IP of the printer
scanned the IP for another device causing IP conflict

none of these have bore any fruit

further more I have production lines with the same setup and printers and these never have a problem.and all work fine.

the printer manufacture says its not the printer which seems to be the case given the replacement has the same issue.  the software provider say its not their problem as it works fine with all of the other printers which is also true.  but i cannot find any fault on my network to cause this either.

can anyone suggest anything else i can check?  I am going to try wireshark to monitor the traffic between the PC's running the software and the printer to see if anything shows up here but im clutching at straws at the moment.

thanks …
0
Hi Experts,

I need help on restful web service testing in the soap UI.

Request type : POST

How to add the json structure in the multipart/mixed request to test in the soup UI.
in the soup UI - we have the media type - any one we can choose from the drop down.. but is there any way that we can pass json structure in the multipart/mixed request .

Let me know if you have any questions.

Regards,
Kumar
0
Hi,

I have an Android phone (Samsung Galaxy A3) which is connected to our network's WiFi.

There is a printer; (HP PageWide Pro 477dw), which is connected on our wired network.

Two apps have been installed on this phone;

1. Microsoft Outlook application
https://play.google.com/store/apps/details?id=com.microsoft.office.outlook&hl=en_IE
2. HP Print Service Plugin
https://play.google.com/store/apps/details?id=com.hp.android.printservice

Email has been synced with Microsoft Office 365 and Outlook 2016 on network connected PCs.

I have logged in successfully to the Microsoft Outlook application on the Android phone and can access, send and receive emails.

The problem is that there is no option to print emails or to highlight an attachment in email and click print.

When viewing pictures from gallery and web pages through Google on the Android phone, there is the option for print and printing works successfully.

Is there a way of printing emails from the Outlook application on Android phones or if not, then what other alternative would there be?

Thanks,
Robbie
0
Hi All,

I have a client that uses WhatsApp (I am only familar with it in the most general terms - I have used it a few times).

They have gotten a new phone, and want to be able to use WhatsApp thereon, so they have installed and (apparently) setup.

The new phone has the same phone number as their old phone (the SIM card has been moved over).  Both phones are Android if it makes any difference.

However, when they open WhatsApp on their new phone, they only see five contacts (four of which, they claim, they have ever contacted on WhatsApp), and they don't see the two contacts they talk to most often.

When a contact calls them, their old phone 'rings' but their new phone does not.

The most important question is, how do I get their new phone to ring, so they can receive incoming calls on their new phone?


Thanks,

Alan.
0
PMI ACP® Project Management
LVL 13
PMI ACP® Project Management

Prepare for the PMI Agile Certified Practitioner (PMI-ACP)® exam, which formally recognizes your knowledge of agile principles and your skill with agile techniques.

What are your advices and technologies to design a Web portal UI for our customers to be robust, reliable, light and modern?
Note: The web portal will integrate with another Web applictions.
0
I have a .Net developer creating a DLL that we are going to Reference in an Access VBA application.  However, whilst we can see the DLL methods (once referenced), he is struggling with a couple of aspects such as passing variables through and how best the code the .DLL so that Intellisense works as expected.

Whenever I have worked with external references in the past, I usually access them like this (rough example):

Dim obj1 As New TSDialler.Dialer
obj1.SignalKey = "ABC123456"
obj1.TelephoneDestination = "0123456789"
obj1.InternalID = "ZYX987"
If obj1.MakeCall = 1 Then
    MsgBox "Call made"
Else
    MsgBox "Call not made.  Error: " & obj1.ReturnMessage
End If

Open in new window


However, he has never worked in VBA and is struggling with the various aspects.  His list of questions is below, but I was wondering if anyone had any links/suggestions for him to look at (more than just answering his questions).

Which kind of methods works?
Do properties work?
Constructors work, what about parameters?
How to do event pattern for a custom class and not UI control?
What pieces (that we use regularly) in C# that does not work with VBA when referenced?
Any article/doc that can be referred that has details for questions like above?


Any help would be greatly appreciated - sorry it's so vague.
0
Hi, need help to create 1000 VMs to map with direct network ID from python script to call API but it didn't well.

Direct network error: private cloud contains network[1c948756-db50-4871-b03d-d911ecdcae16]', 'code': '400'}}"

Virtual Private Cloud no issue but just can't ping the IP from Python Script being created but when using UI to create and point to the direct network is okay.

Where can i find the right API call to query the direct network ID?

You see click on the below link to download  from google Drive to view the creation process for better understand.

https://drive.google.com/file/d/1ZgYSXrUiODPQk_v6HV7sUZD_UpQ6DMJQ/view?usp=sharing

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

UI/UX

171

Solutions

328

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.