IMPROVING USABILITY in VS .NET

Encoder Data Matrix 2d barcode in VS .NET IMPROVING USABILITY

IMPROVING USABILITY
Generating Data Matrix 2d Barcode In .NET Framework
Using Barcode encoder for ASP.NET Control to generate, create Data Matrix image in ASP.NET applications.
www.OnBarcode.com
PDF-417 2d Barcode Creator In .NET
Using Barcode creation for ASP.NET Control to generate, create PDF 417 image in ASP.NET applications.
www.OnBarcode.com
In the RenderTitle method we need to create the HTML for the head section of the editor part and when we add the button that allows the user to toggle the visibility of the border, we add JavaScript to invoke the ToggleEditorDisplay method in the browser. Listing 7.9 shows the code that is required to display the head section of each editor part.
Create EAN128 In .NET Framework
Using Barcode printer for ASP.NET Control to generate, create EAN128 image in ASP.NET applications.
www.OnBarcode.com
Barcode Creation In Visual Studio .NET
Using Barcode generation for ASP.NET Control to generate, create Barcode image in ASP.NET applications.
www.OnBarcode.com
Listing 7.9 The RenderTitle helper method displays the header area of each editor part and adds the clilckable elements and JavaScript that hides and shows the part in the browser.
Paint Barcode In .NET Framework
Using Barcode encoder for ASP.NET Control to generate, create Barcode image in ASP.NET applications.
www.OnBarcode.com
Barcode Generation In .NET Framework
Using Barcode creation for ASP.NET Control to generate, create Barcode image in ASP.NET applications.
www.OnBarcode.com
protected virtual void RenderTitle(HtmlTextWriter writer, EditorPart editorPart) {
QR Code JIS X 0510 Creation In .NET Framework
Using Barcode maker for ASP.NET Control to generate, create QR Code JIS X 0510 image in ASP.NET applications.
www.OnBarcode.com
Identcode Drawer In .NET Framework
Using Barcode drawer for ASP.NET Control to generate, create Identcode image in ASP.NET applications.
www.OnBarcode.com
Explicit ID used HttpContext ctx = HttpContext.Current; identifies the string imageID = string.Format( body area "EditorPartImage_{0}",editorPart.ClientID); string expandImageUrl = "Images/Expand.gif"; string minimizeImageUrl = "Images/Minimize.gif"; Creates Javascript to handle user clicks string js = string.Format( "ToggleEditorDisplay( 'EditorPartBody_{0}', '{1}', '{2}','{3}')", editorPart.ClientID, imageID, expandImageUrl, minimizeImageUrl );
Data Matrix ECC200 Creator In Objective-C
Using Barcode generation for iPad Control to generate, create Data Matrix image in iPad applications.
www.OnBarcode.com
Data Matrix ECC200 Generator In Visual Basic .NET
Using Barcode creator for .NET Control to generate, create Data Matrix 2d barcode image in .NET applications.
www.OnBarcode.com
Style style2 = this.Zone.PartTitleStyle; if (!style2.IsEmpty) { style2.AddAttributesToRender(writer, this.Zone); } writer.RenderBeginTag(HtmlTextWriterTag.Div);
ECC200 Generator In None
Using Barcode creator for Software Control to generate, create DataMatrix image in Software applications.
www.OnBarcode.com
Linear Barcode Creation In VB.NET
Using Barcode printer for Visual Studio .NET Control to generate, create Linear Barcode image in .NET applications.
www.OnBarcode.com
Adds the onclick handler to the image writer.AddAttribute("onclick", js); writer.AddStyleAttribute(HtmlTextWriterStyle.Cursor, "hand"); writer.AddAttribute( "src", this.EditorZone.EditorPartsAdded expandImageUrl : minimizeImageUrl); writer.AddAttribute("id", imageID); writer.RenderBeginTag(HtmlTextWriterTag.Img); writer.RenderEndTag();
Make Code 128A In VS .NET
Using Barcode creation for .NET Control to generate, create Code 128 Code Set A image in VS .NET applications.
www.OnBarcode.com
Barcode Generator In .NET Framework
Using Barcode drawer for Visual Studio .NET Control to generate, create Barcode image in .NET applications.
www.OnBarcode.com
writer.Write(editorPart.Title); writer.RenderEndTag(); }
Make Barcode In .NET Framework
Using Barcode encoder for Reporting Service Control to generate, create Barcode image in Reporting Service applications.
www.OnBarcode.com
Read EAN13 In VS .NET
Using Barcode reader for Visual Studio .NET Control to read, scan read, scan image in VS .NET applications.
www.OnBarcode.com
CREATING AN ENHANCED EDITING EXPERIENCE
Barcode Reader In VB.NET
Using Barcode scanner for Visual Studio .NET Control to read, scan read, scan image in Visual Studio .NET applications.
www.OnBarcode.com
Draw DataMatrix In None
Using Barcode maker for Microsoft Word Control to generate, create ECC200 image in Office Word applications.
www.OnBarcode.com
The first half of our RenderTitle method is responsible for generating the piece of JavaScript that is attached to the image and will invoke the client-side ToggleEditorDisplay JavaScript function. You can see that each argument that must be passed to that function is prepared and the formatted into runnable piece of JavaScript code. This JavaScript code is then assigned to the onclick attribute of the image as can be seen in this section of code:
Printing ECC200 In Objective-C
Using Barcode creator for iPhone Control to generate, create Data Matrix ECC200 image in iPhone applications.
www.OnBarcode.com
Encoding Code 128 In Java
Using Barcode printer for Android Control to generate, create Code 128B image in Android applications.
www.OnBarcode.com
writer.AddAttribute("onclick", js); writer.AddStyleAttribute(HtmlTextWriterStyle.Cursor, "hand"); writer.AddAttribute( "src", this.EditorZone.EditorPartsAdded expandImageUrl : minimizeImageUrl); writer.AddAttribute("id", imageID); writer.RenderBeginTag(HtmlTextWriterTag.Img);
The only code that remains to be written after the image has been created is the code that displays the title of the editor part. That s all the work needed to create the custom chrome class and ensure that the editor zone in the portal contains collapsible editor part items. Even though implementing this change required writing only about 100 lines of code, the usability impact of it on the portal will be great. No longer will users be required to constantly scroll up and down the page in order to make changes to web parts in the editor and have them saved. You can see how the new EditorZone works by opening the Adventure Works portal from the chapter 7 folder of the resources that come with this book and running the application. When you start the application, each web part will have a verb titled Edit Web Part that you can click to display the editor zone. By displaying the editor zone, you ll see that you can in fact display or hide each individual editor part within that zone. With the new editor zone displayed, I d like to draw attention to the buttons that appear at the top and bottom of this control that allow users to save or apply their changes or to cancel the editing process for a web part. Figure 7.12 contains arrows that show where the buttons are on the editor zone that allow users to perform the save, apply, or cancel actions. By clicking these buttons, a user is able to end the editing process for a web part, but the page itself remains in edit mode. Try it out. Place a web part in edit mode and use the editor zone to make some changes. Once you ve made the changes, click OK and you ll see that although the editor zone closes and the changes are reflected in the web part, the page is still in edit mode. 7.3.3 A finishing touch Generally when users finish editing a web part, they either want to completely step out of the editing process or they want to begin editing a different web part in which case they click the edit verb for the new part that they want to edit. Now that we ve implemented single-click editing on each of the web parts, it makes sense to have the
Copyright © OnBarcode.com . All rights reserved.