The divas talk about the new and cool features of the NetBeans IDE
Insider Scoop From the Tutorial Divas
Archives
« July 2007 »
SunMonTueWedThuFriSat
1
3
4
5
6
7
8
10
11
12
13
14
15
16
17
18
19
21
22
23
24
25
26
27
28
29
30
    
       
Today
XML
Search



Recent Entries


Links

 


Today's Page Hits: 159

Tag Cloud: ajax creator dataprovider dropdown glassfish jasperreports javaone jmaki jruby jsc jsf netbeans photohunt rails ruby table vwp
« Previous month (Jun 2007) | Main | Next month (Aug 2007) »
Tuesday Jul 31, 2007
Goodbye California, Hello Hawaii

After several years of going back and forth between the mainland and Hawaii, we decided to make the Big Island our permanent home. It was hard saying a final goodbye to my California friends, but it will nice being able to spend more time with the friends I have made here.

If there are any Java or Ruby user groups on the Big Island, please post a comment and let me know.

Posted at 03:35PM Jul 31, 2007 in Personal  |  http://blogs.sun.com/divas/entry/goodbye_california_hello_hawaii  |  Permalink  | 

Friday Jul 20, 2007
NetBeans Ruby Docs

We are in the process of planning the documentation for NetBeans Ruby and would like to know what information you are interested in. Is there a certain tutorial that you want? Is there a video that you would like to see? Please let us know what information would help you better complete your job, and we will add it to our documentation plan wiki. Feel free to edit the wiki and add your own document requests.

Also, take a look at our two existing tutorials, Creating a Ruby Weblog in 10 Mintues and Putting Flickr on Rails, contributed by NetBeans evangelist Brian Leonard. To send comments on these tutorials, use the Send Us Your Feedback button on the bottom of the tutorial. It's been fun corresponding with the readers who have already sent feedback.

We welcome your contributions in other ways as well:

Posted at 11:45AM Jul 20, 2007 in Ruby  |  http://blogs.sun.com/divas/entry/netbeans_ruby_docs  |  Permalink  |  Comments[4]
del.icio.us | furl | simpy | slashdot | technorati | digg

Monday Jul 09, 2007
Centering Web UI Components on a Page

If you would like the components to remain centered on a page when the browser is resized, try this trick.



  1. Open the Web Pages > resources > stylesheet.css style sheet and add the following style definitions. You will use these styles to define the colum styles in a three column grid panel.


    .ctrFirstColumn { 
       width: 10%;
    }

    .ctrSecondColumn {
       width: 80%;
    }

    .ctrThirdColumn {
       width: 10%;
    }



  2. Set the widths percentages to what works for your page.




  3. Save the changes, then close and reopen the IDE, so that the IDE picks up the new styles.




  4. Add a Grid Panel to the page in the top left corner.





  5. In the Properties window, click the ellipsis (...) button for the style property. Select Position, set both the Width and Height to 100%, and click OK.




  6. Set the columns property to 3.




  7. Click the ellipsis (...) button for the columnClasses. Select ctrFirstColumn and click the > button. Repeat for ctrSecondColumn and ctrThirdColumn. Click OK. These styles are applied to the columns in the grid panel in the order that you list them.




  8. Drop something into the first column, such as a blank Static Text component. As you drop each component into the Grid Panel, it occupies the first available column, so the first component that you drop goes in the first column, the second component goes in the second column, the third component goes in the third column, and the fourth component goes in a new row in the first column. A blank Static Text component is an easy way to occupy the left and right margins with a non-visible component.




  9. For the center column, drop a component from the Layout section, such as a Grid Panel or a Layout Panel. This is the component that you will use to layout all the components in the page. You can nest the layout components as necessary in order to achieve the right layout.



    You most likely want to set the width properties of the layout components to 100% or some other percentage value instead of using pixel sizes.


  10. When you add a Table component, set its width property to 100% or some other percentage value. (See the tips in the Laying out Multiple Table Components blog entry.) One thing to remember, is that whenever you work with the table layout, you have to check to make sure that the IDE did not change the width property back to a pixel width. If you find that your middle panel is not centering, check the width values of the Table components to make sure they are set to percentages.



  11. Drop a blank component, such as a blank Static Text component, to occupy the right column.

  12. Run the web app and resize the width of the browser. The components should remain centered.
Posted at 02:18PM Jul 09, 2007 in NetBeans Visual Web Pack  |  http://blogs.sun.com/divas/entry/centering_web_ui_components_on  |  Permalink  |  Comments[3]
del.icio.us | furl | simpy | slashdot | technorati | digg

Monday Jul 02, 2007
Laying Out Multiple Table Components


You can use the layout components, such as the Group Panel and the Grid Panel, to easily layout and size container components, such as the Table component. In the screen shot above, the two tables on the left are in a Group Panel, and the two on the right are in a Grid Panel. I can resize or move either panel in the Visual Designer, and the contents will resize and move in accordance (they won't resize in the Visual Designer, but they will resize in the client). The trick is to set the width property of each tables to 100% so that they resize based on the size of their container.

Because the Visual Designer does not display the widths of the tables accurately, you have to right-click on the page and choose Preview in Browser to get a feel of how the tables will actually appear in the client.

Tips:


Posted at 10:30AM Jul 02, 2007 in Web UI Components  |  http://blogs.sun.com/divas/entry/laying_out_multiple_table_components  |  Permalink  |