And now for another update .

Back in part 2 of how to create a custom view in SproutCore, I provided a tutorial of how to modify the user summary view built in part 1 by updating the view to make use of a content object and monitor it for changes. The steps taken in part 2 was to first strip out some of the code that dealt with basic display properties and then replace it with new code to handle a content object. While everything works, I realized that the tutorial could be misleading in that your custom view can only deal with either regular display properties or a context object, which is not that case; you can have both. Here is the final code for the custom view in part 2:

MyApp.UserSummaryView = SC.View.extend(SC.ContentDisplay, {

  classNames: ['user-summary-view'],

  contentDisplayProperties: 'name description age'.w(),

  render: function(context, firstTime) {
    var name = '';
    var description = '';
    var age = '';
    var content = this.get('content');
    if (content != null)
    {
      name = content.get('name');
      description = content.get('description');
      age = content.get('age');
    }

    context = context.begin('div').addClass('user-summary-view-name').push(name).end();
    context = context.begin('div').addClass('user-summary-view-desc').push(description).end();
    context = context.begin('div').addClass('user-summary-view-age');
    context = context.begin('div').addClass('user-summary-view-age-value').push(age).end();
    context = context.begin('div').addClass('user-summary-view-age-capt').push('age').end();
    context = context.end();

    sc_super();
  }

});

So for our view to ALSO take advantage of regular display properties we can modify the view to be the following:

MyApp.UserSummaryView = SC.View.extend(SC.ContentDisplay, {

  classNames: ['user-summary-view'],

  foobar: '',

  displayProperties: ['foobar'],

  contentDisplayProperties: 'name description age'.w(),

  render: function(context, firstTime) {
    var name = '';
    var description = '';
    var age = '';
    var foobar = this.get('foobar');

    var content = this.get('content');
    if (content != null)
    {
      name = content.get('name');
      description = content.get('description');
      age = content.get('age');
    }

    context = context.begin('div').addClass('user-summary-view-name').push(name).end();
    context = context.begin('div').addClass('user-summary-view-desc').push(description).end();
    context = context.begin('div').addClass('user-summary-view-age');
    context = context.begin('div').addClass('user-summary-view-age-value').push(age).end();
    context = context.begin('div').addClass('user-summary-view-age-capt').push('age').end();
    // Make use of foobar
    context = context.begin('div').addClass('some-styling').push(foobar).end();
    context = context.end();

    sc_super();
  }

});

The code above shows the view with a plain old property called foobar and we’ve added to the displayProperties. Now the view will re-render if either the content object updates (for the properties we care about) or when the view’s foobar property is updated.

A hybrid of the two approaches can be useful in cases where your custom view gets information from other sources outside of the content object.

I gave a presentation on a projector last week and this information would have been helpful.  I had a bunch of notes that would have made it go a little smoother but I could not see them at the same time without printing them all out (Trying not to use paper where possible).  Here is how I could have done it:

Use Multiple Monitors to Present and See Notes at the Same Time
Microsoft Office PowerPoint provides a feature you can use to show the presentation slides on a projector while keeping the Presenter view (with the speaker notes) on your notebook computer’s screen. To use this feature, you need to change your display settings. Here’s how:
1. Open the Display Properties dialog box by right-clicking the desktop and then clicking Properties.
2. Click the Settings tab.
3. Click the Secondary Display symbol (the 2).
4. Under the Screen resolution heading, select the Extend my Windows desktop onto this monitor check box. This setting gives you a desktop that spreads across both the projector and your notebook computer’s screen.

You can now set up PowerPoint to use both screens.
1. Open your presentation.
2. On the menu bar, click Slide Show, and then click Set Up Slide Show.
3. In the Set Up Show dialog box, locate the Multiple monitors option, and select the Show Presenter View check box.
4. Start the slide show. The Slide Show view of the presentation appears on the projector’s screen, while the Presenter view and speaker notes appear only on your notebook computer’s screen.

Pada bagian Control Panel kita dapat menjumpai berbagai applet yang dapat kita gunakan untuk membenahi berbagai setting pada Windows, mulai dari setting Display Properties, System Properties sampai mouse dan keyboard. Sayangnya kemudahan dalam melakukan setting tersebut membuat orang sering iseng-iseng mengganti settingnya. Ini tentu bukan hal yang menyenangkan.

Sebenarnya hal tersebut dapat dicegah dengan mudah, yaitu dengan menyembunyikan icon / applet pada control panel. Ada pun caranya adalah sebagai berikut:

Dari menu Start, pilih Run.

1. Ketikkan control.ini dan klik OK atau cukup tekan Enter.
2. Tambahkan baris di bawah [don't load].
3. Misalnya ingin menyembunyikan icon password, maka tambahkan password.cpl=no. netcpl.cpl=no untuk menyembunyikan icon Network. Daftar lebih lengkap bisa Anda lihat pada tabel di bawah.
4. Jika sudah selesai, simpan file control.ini tersebut dan restart komputer Anda untuk melihat perubahannya.

Appwiz.cpl=no
Add/Remove Programs

Desk.cpl=no
Display

Joy.cpl=no
Game Controllers

Modem.cpl=no
Modem

Mmsys.cpl=no
Multimedia and Sounds

Main.cpl=no
Keyboard, Mouse, Fonts, danPrinters

Netcpl.cpl=no
Network

Odbccp32.cpl=no
ODBC Data Sources

Password.cpl=no
Add/Remove Programs

Sysdm.cpl=no
Add New Hardware and System

Timedate.cpl=no
Date/Time

Cara yang lebih mudah adalah dengan menggunakan TweakUI. Caranya setelah Anda menjalankan TweakUI, pindah ke tab Control Panel. Hilangkan tanda check yang terdapat pada list box dan tekan Apply.

O.K., upfront disclaimer: This is not for experts. But I have been getting a lot of questions lately about how to change the text size for menus in Windows.

This is a way to increase the size of some of the text without changing the screen resolution, which is a way to increase the overall size of everything, including text. These are instructions for WindowsXP, but they should work in Windows Vista as well.

First, right click on a clear part of the computer’s desktop, to open the context menu. Click on the last option, “Properties.”

In the Display Properties window, click on the “Appearance” tab at the top.

In the Appearance section, click on the “Advanced” button at the bottom.

Click on the downward pointing arrow to open the drop down menu:

Select the “Menu” option from the drop down menu that opens.

Change the Text size in the box next to the Font selection box.

Notice the preview pane at the top of the window, which will display the proposed changes. The Font can also be changed here, if desired, as well as the color and bold or italic embellishments. Other Windows appearances can be customized here as well (use the drop down “Item” menu).

Click the OK button at the bottom when you are satisfied with the changes. This will take you back to the Appearance tab of the Display Properties window. Click on the “Apply” button at the bottom of the window for the changes to take effect.

When you are satisfied with the changes, click the OK button at the bottom of the Display Properties window to close it. Note that if you make any changes in the Appearances tab (such as changing the style), it will override the changes you made in the Advanced section.

(Note: this won’t change the menu text size in Firefox (version 2.0.0.11), but it will change the text for the tabs, toolbar labels, and the bookmark toolbar).