chapter 13  optimizing the user interface

... error messages and alerts to the user so that the user can fix the problem – Use the Focus() method of the control to transfer the focus back to the field – Set the Cancel property of CancelEventArgs ... When the user moves the mouse pointer over the icon, an error message pops up as a ToolTip The ErrorProvider Component Using the ErrorProvider Component and Other Validation Techniques The Validating ... property of CancelEventArgs to true This cancels the Validating event, leaving the focus in the control The CausesValidation Property • The default value of the CausesValidation property for a control...

Ngày tải lên: 13/05/2014, 11:39

... graphical user interface is actually the more primitive interface The graphical user interface is easy to learn and widely used, but the shell is vastly more sophisticated Using a graphical user interface ... HOME The absolute path of the user' s home directory HOSTNAME The Internet name of the host LOGNAME The user' s login name MAIL The absolute path of the user' s mail file PATH The search path (see next ... range ~ The home directory of the current user ~ userid The home directory of the specified user ~+ The current working directory Table 13.5: Filename Metacharacters Metacharacter Meaning ~- The...

Ngày tải lên: 14/12/2013, 13:15

... Chapter 1: Windows Forms and the User Interface  Lesson 1: Adding and configuring Windows Forms     Adding Forms to the project Properties of Windows Forms Creating non-rectangular ... ellipse to the graphics path that inscribes // the rectangle defined by the form's width and height myPath.AddEllipse(0, 0, this.Width, this.Height); // Creates a new Region from the GraphicsPath ... reposition the controls inside when it is resized at either design time or run time FlowDirection property   LeftToRight by default: controls placed in the FlowLayoutPanel will locate in the upper...

Ngày tải lên: 15/03/2014, 02:20

... of the September 11, 2001 terrorist attacks, some members of the U.s Congress blamed the inadequacies of user interfaces for the failure to detect the terrorists At an individual level, user interfaces ... gUidelines They have a thorough understanding of the diverse community of users and the tasks that must be accomplished Moreover, they are deeply committed to serving the users, which strengthens their ... of the catalog to allow users anywhere in the world to access the catalog and other databases These changing user communities and requirements each led to interface revisions, even though the...

Ngày tải lên: 17/03/2014, 22:20

... examples we'll look at The themes folder contains two different themes the first is the base theme that is a neutral, minimal theme of grey tones The second is the smoothness theme, which we chose ... folder the base theme and whichever theme was selected when the library was downloaded The base theme is a grey, neutral theme identical to smoothness Within each of these theme folders are all the ... the complete framework and the selected theme From the two directives found in this file, we can see the separation between the part of the framework that makes the widgets function and the theme...

Ngày tải lên: 28/04/2014, 15:43

... and then change the colors of the various parts of the image The original flora image can be found in the i folder, inside the themes folder, of the unpacked library Don't forget to link to the ... released These examples can be found in the visual folder within the tests folder If you're concerned with the size of the library on your web server, or the bandwidth that uploading it would take, the ... your widgets or plugins [ 14 ] Chapter Widget theming The library ships with two themes The default theme is light-grey and neutral looking The flora theme consists of pleasant light-green and orange...

Ngày tải lên: 27/06/2014, 12:20

... tab; the method expects the index number of the tab and the new URL destroy Completely remove the tabs widget length Return the number of tabs in the widget rotate Automatically changes the active ... arguments which are the index of the tab whose URL we want to change followed by the new URL We then call the load method, which is chained to the url method, specifying the index of the tab whose ... run the new file in your browser and select the AJAX tab Then use the to choose the second file and watch as the content of the tab is changed as seen here: You'll also see that the...

Ngày tải lên: 12/08/2014, 19:21

... the flora theme used in the first example Like some of the other widgets we have looked at, certain aspects of the default or flora themes are required to make the widget function correctly Therefore, ... positioned at the bottom of the dialog Therefore, we need to increase the height of the widget so that the does not obscure the text We can also style the itself by using the following ... navAccordion.html To see the full effects of the navigation property, the other pages that the main page links to should be available Don't worry about creating these yourself, they are all in the code download...

Ngày tải lên: 12/08/2014, 19:21

... Skinning the date picker The date picker comes with two themes The first is the flora theme, which is shown in the screenshot at the start of this chapter, and the default theme, which is shown in the ... Each time the state of the slider changes, the appropriate message will be written to the message box The following screenshot shows a message: You'll only see either the slide message or the change ... Retrieve the current value of the thumb Disable the functionality of the slider Enable the functionality of the slider Return the underlying mark-up to its original state [ 127 ] Slider The first...

Ngày tải lên: 12/08/2014, 19:21

... object for the date picker The properties of the object are simply the callback function to make the dates specified in the JSON object unselectable, and the minDate property will be set to the relative ... selects the first item in the suggestion list when the Tab or return key is hit width width of the Sets the width of the suggestion menu url Sets the maximum number of suggestions in the ... button The buttonImage property allows us to specify the relative path of the image to use, and the buttonImageOnly property ensures that only the image is shown, not the image on top of the ...

Ngày tải lên: 12/08/2014, 19:21

... Chapter The result, is the data (the word returned as a result), and the row corresponds to the number of the result What is meant by this is that the first result will have a row number of 1, the ... actually see them on the page, but the effects that they add to different elements, and how they cause them to behave, can easily be seen These are low-level components as opposed to the high-level ... configures the time that the mouse button must be held down with the cursor over the draggable object before the drag will begin The grid property, which is similar in usage to the steps property of the...

Ngày tải lên: 12/08/2014, 19:21

... simply get the id of the button and call the toggle() function, passing in the id we just obtained from the button as an argument The toggle() function then calls the method specifying the string ... in the styles folder We've set the dimension properties because without them the will stretch the width of the screen We've also specified a border that matches the flora theme because the ... is useful to show the user the new size of the resizable while the resize is taking place The value we give to the helper property becomes the class name that is applied to the helper element,...

Ngày tải lên: 12/08/2014, 19:21

... components of the library, namely the destroy, disable, and enable methods These work and are used in the same way as the methods by the same names that come with the other interaction components Therefore, ... called at the end of the fadeIn effect, which hides the new after a specified length of time The following screenshot shows how our page looks before the fades away: Like the other library ... is with the rest of the library We'll be working with the tabs component in the following example The following screenshot shows the page we will end up with: In your text editor, add the following...

Ngày tải lên: 12/08/2014, 19:21

... min-height-fast-hack/ Other than this, the CSS merely lays out the page in the way we want Near the end of the file, there are some rules that are used to specifically style the content that will be added to the ... exactly the way that we want them to The tabs can be sorted horizontally to any order, but as the tabs are linked to their panel by href, they will still refer to the correct panel Sorting the tabs ... gets the id of the current list using $(this), and sets this as the value of the end property in the list object Finally, it adds a message indicating the list that the item started in and the...

Ngày tải lên: 12/08/2014, 19:21

... (pixels) Sets the distance of the shake times Sets the direction of the shake Sets the number of times the element should shake Transference The transfer effect is different from the others in that ... this by moving the bottom edge of the specified element up to 15 pixels from the top, then moving the right edge completely over towards the left edge The distance from the top that the element ... down Clip The clip effect is very similar to the slide effect The main difference is that instead of moving one edge of the targeted element towards the other, to give the effect of the element...

Ngày tải lên: 12/08/2014, 19:21

... Understand the difference between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user- centered ... using the system To the user, the interface is the system Analyst designs system interfaces separate from user interfaces Requires different expertise and technology 14 Understanding the User Interface ... Aspects of the User Interface What user knows about system and logical function of system 14 Aspects of the User Interface 10 14 User- Centered Design Focus early on the users and their work by...

Ngày tải lên: 24/10/2014, 15:36

... built in the past, end -user input is essential Although there are many ways of interacting with the end user, the three ways that offer the best return are ■ Observing the end user performing the ... the Graphical User Interface The next step is to work with the end users to answer the four questions listed on each use-case card When the cards have been completed and reviewed, they form the ... to take the perspective of a new user So, the best way to test a GUI design is to run it by users, let them ask questions, ask them questions, gauge their reactions Do they seem to use the displays...

Ngày tải lên: 05/07/2014, 02:20

... give them everything they want Now think of the way those kids take care of their things If they are anything like the kids I know, they leave their toys out or continually break them when they ... or another they have lost their dreams, their ambitions, their desire for a better life They have surrendered their fight for self-esteem and they have compromised their great potential They have ... turn the wheel He turned while the smith pressed the broad face of the ax hard and heavily on the stone, which made the turning of it very fatiguing The man came every now and then from the wheel...

Ngày tải lên: 14/12/2013, 19:15

... was going on The attic had been very still all the day after Sara had left it in the early morning The stillness had only been broken by the pattering of the rain upon the slates and the skylight ... saying, "if I'm a princess when they were poor and driven from their thrones they always shared with the populace if they met one poorer and hungrier than themselves They always shared Buns are ... reached the other side of the street she looked back The child had a bun in each hand and had stopped in the middle of a bite to watch her Sara gave her a little nod, and the child, after another...

Ngày tải lên: 24/12/2013, 07:16