View Pick-list Custom Control on OpenNTF

On August 30, 2011, in Uncategorized, by Mark Hughes

There is a new version available that takes care of two things.

1.  The white-space on the loading mask when inserted at the top is now gone.

2.  Added new property for custom validation message on the multi-value deselect box.

You can get it here .

Please let me know if there are any new features or bugs that you have found, thanks and i hope you enjoy this control.

 

Xpage View Picklist setup video

On August 18, 2011, in Uncategorized, by Mark Hughes

Here is a short video of how to set up the view picklist custom control.  I want to thank John Jardin for his work producing this video which shows how to set up the custom control and implement it in its basic form.

Video

Link to Control

 

For a longer video you can visit notesin9.com and look for the viewpicker custom control.

 

New ViewPickList Custom Control version on OpenNTF

On August 17, 2011, in lotus, xpages, by Mark Hughes

The changes are below, have fun and go download it!

http://www.openntf.org/internal/home.nsf/project.xsp?action=openDocument&name=View%20Picklist%20Custom%20Control

Changes

Combined both of my controls into 1 database with one set of resources.  This handles refreshing of the control from a source other than itself, and now works well with Loading MAsks since they now both use the hijackpartialrefresh function.

All three(ViewPicklist, Multivalue Deselect Box, and Loading Masks) controls are included but none of them rely on the others to work, so just use what you want and leave out the rest.

 

Make sure to copy over all the resources of the database in the code-scripts- images and files and style sheets,for the names have been changed!

Added SelectCellWidth property to set the cell width of the column that contains the select button or link.

 

Added version info to all controls that show in designer.

 

 

Stephan Wissel suggested i add this functionality, to be able to remove items from the list without opening the picklist again.  This control can be used stand alone as well for showing multivalue fields set from other sources besides the view picklist.

Thinking Dojo Dnd to reorder items might be next on the list

It is included in the ViewPicklist Custom Control project on Openntf.org, so go download the new version!

 

You can choose whether it is horizontal or vertical, text for the remove button or a picture, and field width.

 

 

Some new features and bug fixes have been released over the past few days, if you have downloaded this control you will want to update your databases with the latest release of this custom control before upgrading to Domino 8.5.3.  This code runs on cd5 where as anything older than 1.3.1 will not work correctly on 8.5.3.

 

link

1.4.1 Uploaded Today

Added property clearSearchImg that only shows on a search bar when the view has been searched.

When clicked this will clear the search variable and show the view in its normal default state, and the clear search image will disappear.

1.3.1 Uploaded y\Yesterday

Changes made to some code to allow it to run on 8.5.3 cd5.  It will still run on older version like before.

Also changed how it appears in designer, now takes up much less space on screen.

Added a little css to make it look a little better in firefox

 

 

New ViewPickList Custom Control release!

On June 10, 2011, in Uncategorized, by Mark Hughes

I have released View Pick List Custom Control version 1.2.2 which adds 1 new feature and contains some bug fixes.

1.  You can now return a column value, a field value or the UNID of the document.

2.  Made some performance improvements for use in designer.  8.5.2 fp2 is as fast as any other component, fp1 may be a little slower.

3.  Fixed an issue when calling a SSJS Function before refresh, this has now been corrected and will return a string for a single value picker to your function while for a multivalue picker will return an Array.

4.  Added the style Display:none to the panel to keep it from flashing on IE when the page loads.

 

If anyone else has any suggestions, please let me know thanks

 

New Release of XPages Picklist Custom Control

On May 31, 2011, in Uncategorized, by Mark Hughes

Added a few new features to the view picklist custom control.  Please let me know if you want more features or options, thanks

Link to Project

New features:

1. SSJS function parameter:   Pass your function to run on the selected items before the refresh happens.

2.  Pager Class, style the whole pager not just the parts.

3.  You can use links or buttons:  Choose either to use a link or button on the form / view.

4. Multi Value Separator parameter, if left blank a comma will be used.

 

 

Xpages Custom Control ViewPicklist

On May 23, 2011, in domino, lotus, xpages, by Mark Hughes

I have completed my custom control for the Xpages Custom Control contest on Openntf.org.  This is a single or multivalue viewpicklist like in the classic Notes client environment.

Here is the link to the project

Demo and Tutorial video

This custom control  presents a dialog box where you can select values from a view( or view documents) to populate a field or scope.

It works single or multivalue, and comes with a style sheet to make it look like the above dialog.  You have the option to configure just about anything imaginable, if not let me know and i will up date it.  Here is a quick shot of some of the porperties.  There are more depending on your selections.

 

A full list of the properties and definitions can be found with the download.

 

Written instructions and an example test page can show you what you need to get started.  Also check out this NotesIn9 video for a demo and tutorial.

 

Xpages: Making type ahead pretty, iPad like

On March 11, 2011, in Uncategorized, by Mark Hughes

Type ahead isnt bad looking, but it doesnt have the wow factor that it could.  Here is how i make type ahead look more like an iPadish dialog.
I simply add this image as a resource to the database.

Then i add this to my custom style sheet to override the tundra theme.  This uses a new css3 property{ border-image} and will work on all browsers but IE.  The important css is highlighted in blue.

.tundra .dijitMenu, .tundra .dijitMenuBar {
margin: 0px;
padding: 0px;
background:transparent;
border-color:transparent;
border-width: 30px 10px 10px 10px;
border-image:url(border1.png) 30 10 10 stretch;
-webkit-border-image:url(border1.png) 30 10 10 10 stretch;
-moz-border-image:url(border1.png) 30 10 10 10 stretch;
box-shadow: none;
}
.dj_webkit .tundra .dijitPopup .dijitMenu {-webkit-box-shadow: none;}
.tundra .dijitMenuItem{
border-bottom:1px solid;
border-bottom-color: #d0d0d0;
padding-left:5px;
padding-top:15px;
height:35px;
font-size:10pt;
font-weight:bold;
font-face:Helvetica;
background: #fff; /* for non-css3 browsers */
filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = ‘#FFFFFF’, endColorstr = ‘#F8F8F8’ ); /* for IE */
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F8F8F8));
background: -moz-linear-gradient(top, #FFFFFF, #F8F8F8f); /* for firefox 3.6+ */
}
.dijitMenuItemHover,.tundra .dijitMenuItemSelected {color:#000;
background: #fff6bf; /* for non-css3 browsers */
filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = ‘#fdfae4’, endColorstr = ‘#fff6bf’ ); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fdfae4), to(#fff6bf) ); /* for webkit browsers */
background: -moz-linear-gradient(top, #fdfae4, #fff6bf); /* for firefox 3.6+ */
}

And then i am done.  Here are the results

Next Article Dialog styleing

 

David Leedy has come through one more time for the Lotus community, he has now launched XPagesCheatsheet.com which will provide not only the printable cheat-sheet, but also a downloadable demo database.  This db includes some great examples, including how to do a multiple select of items from a repeat control.

Also check out Notesin9.com if you have not previously, great content with an easy to learn  atmosphere.