RobAu's Weblog

Unobtrusive table column resize with jquery, as plugin [and google code]

robau — Tue, 16 Aug 2011 12:16:11 +0000

Hi all,

Thanks for all the feedback on my previous post on simple resizable columns in jQuery. I took some time to learn how to build a jQuery plugin, and I am proud to present the result

Please see here: http://www.audenaerde.org/example2.html for the demo. You can also download the source code for the plugin here: http://www.audenaerde.org/simpleresizabletables.js

Feel free to use (just leave me some credit ) and comments are welcome too.

Update!

the code is also available on google code: http://code.google.com/p/simple-jquery-resizable-table-plugin/ . If you like to contribute, drop me a note

Unobtrusive table column resize with jquery

robau — Thu, 09 Jun 2011 09:45:52 +0000

With this piece of code, simple add the class ‘resizabletable’ to your table and the columns can be easily resized by drag and drop!

I was inspired by the flexigrid, but wanted a simpler solution. This one also nicely integrates into Wicket DataTable, for example.

Update: fixed the multi table on a page bug, kindly pointed out by Nick (see comments)

To see it working: http://www.audenaerde.org/example.html






    
    



    
    
        
            
            
            
            
        
    
    
        
            
            
            
            
        
        
            
            
            
            
            
        
            
            
            
            
        
    
    Dit is een interessante zin! b b b
Dit is een interessante zin! b b b
b a b b
b a b b




Enjoy

Dit is een interessante zin!	b	b	b
Dit is een interessante zin!	b	b	b
b	a	b	b
b	a	b	b

Master Thesis!

robau — Wed, 21 Jul 2010 15:11:04 +0000

I couldn’t find my master thesis fast enough in my gmail, so I post it here, for the world to see! (yeah it’s version 12..)

Final_report_00012

Align Two DIVS on vertical middle

robau — Fri, 18 Jun 2010 18:32:53 +0000

Ha,

Today I found an elegant CSS way of aligning two DIVs vertically on their centers. After spending some search on Google and not finding a satisfactionary solution, I treid to create my own. Here it is:


 
 RobAu's 
Vertically aligned DIVS

The span is used to have an normal line. The divs are converted to inline-blocks, like images. That way, they can be aligned in the middle.By simply putting two container DIVs in the span, they are alinged vertically, without giving any pre-set heights, percentages, positioning etc.

Feel free to use!

RobAu’s
Vertically aligned DIVS

Lenovo SL500 and Ubuntu.. fixing the loose ends

robau — Tue, 01 Sep 2009 10:21:28 +0000

Half a year ago I started working for a new company and they provided me with a Lenovo SL 500. I started using Ubuntu a year ago, so I was eager to try it out on my new laptop. I wanted to keep the pre-installed Windows intact, so I went the wubi way (http://wubi-installer.org/).

After installing most things seem to work fine. Except for a few things. The extra keys, the birghtness and wifi where working non optimal. So i started my search on the internet and found solutions to all of my problems!

Setting the brightness

Ok. So setting the brightness was not easy. It requires a installation of extra drivers, and of the 2.6.30 kernel.

Installation of the new kernel (and new nVidia drivers)

http://law-and-tech.blogspot.com/2009/06/thinkpad-sl500-and-linux.html

Installation of the SL500 acpi driver

http://ubuntuforums.org/showpost.php?p=7483027&postcount=4

Installation of the Wifi firmware

Well. I’m not sure if it really fixes the drop-outs of the connections, but there is no more error in the kernel.log

http://intellinuxwireless.org/?n=downloads

Look fot the 5100 agn. Unzip the zip and copy the .ucode file to the /lib/firmware/

Installing a Documentum Lifecycle

robau — Mon, 23 Jun 2008 20:11:34 +0000

There is no option to do this in DA. But it is really, really simple

#1 Find the id of the lifecycle with DQL:

SELECT r_object_id FROM dm_policy WHERE object_name=’’

This returns the CURRENT version of the lifecycle

# Use API to validate, install:

validate,c,
install,c,,

Removing Seconds, Minutes and Hours from a WDK Date-Time DocbaseAttribute Value Control

robau — Wed, 21 May 2008 14:46:58 +0000

So, you are building a wdk application using docbaseobjects. Good But now you want more control on how your datetime attribute is rendered. That what I wanted anyway. So after doing some googling I found a javascript that actually hides the fields after they are rendered. This seemed so ugly to me that I decided to create a custom DateValueTag implementation.

How is this accomplished?

I created my own DocbaseAttributeValueTag extension. See below

package my.package;
import java.io.IOException;
import java.util.ArrayList;
import javax.servlet.jsp.JspTagException;
import javax.servlet.jsp.JspWriter;
import com.documentum.fc.common.IDfProperties;
import com.documentum.web.common.WrapperRuntimeException;
import com.documentum.web.form.control.DateInput;
import com.documentum.web.form.control.DateInputTag;
import com.documentum.web.form.control.DateTime;
import com.documentum.web.formext.Trace;
import com.documentum.web.formext.control.docbase.DocbaseAttributeCache;
import com.documentum.web.formext.control.docbase.DocbaseAttributeValue;
import com.documentum.web.formext.control.docbase.DocbaseAttributeValueTag;
/**
 */
public class ShortDateTag
    extends DocbaseAttributeValueTag
{
    protected void renderSingleAttribute( String strFormattedValue, String strValue, boolean bReadonly,
                                          boolean bHasCompleteList, JspWriter out )
        throws IOException, JspTagException
    {
        if ( bReadonly )
        {
            super.renderSingleAttribute( strFormattedValue, strValue, bReadonly, bHasCompleteList, out );
        }
        else
        {
            // render custom date control here
            renderCustomDateTime( strValue, out );
        }
    }
    private void renderCustomDateTime( String strValue, JspWriter out )
    {
        DocbaseAttributeValue value = (DocbaseAttributeValue) getControl();
        String strClass = value.getCssClass();
        String strStyle = value.getCssStyle();
        String strSize = "32";
        DateInputTag tag = new DateInputTag();
        tag.setPageContext( pageContext );
        tag.setParent( this );
        tag.setName( value.getElementName( "value" ) );
        tag.setId( getId() );
        tag.setTooltip( value.getToolTip() );
        if ( strClass != null )
        {
            tag.setCssclass( strClass );
        }
        if ( strSize != null )
        {
            tag.setWidth( strSize );
        }
        if ( strStyle != null )
        {
            tag.setStyle( strStyle );
        }
        DateInput dateTimeObj = (DateInput) tag.getControl();
        if ( !value.isEnabled() )
        {
            dateTimeObj.setEnabled( false );
        }
        else
        {
            dateTimeObj.setEnabled( true );
        }
        java.util.Date date = DateTime.toDate( strValue );
        if ( date != null )
        {
            dateTimeObj.setValue( date );
        }
        dateTimeObj.setIsRemovable( false );
        renderSetEvents( null, value.getVaDependenciesProperties(), out );
        DocbaseAttributeCache
            .updateAttributeAndDependentList( value.getAttribute(), dateTimeObj.getElementName(), null );
        try
        {
            tag.doStartTag();
            tag.doEndTag();
        }
        catch ( JspTagException e )
        {
            throw new WrapperRuntimeException( e );
        }
    }
    /**
     * see com.documentum.web.formext.control.docbase.DocbaseAttributeValueTag
     */
    private void renderSetEvents( String strControlName, IDfProperties dependenciesList, JspWriter out )
    {
        DocbaseAttributeValue value = (DocbaseAttributeValue) getControl();
        ArrayList lisControls = DocbaseAttributeCache.getPostServerEventControls( value.getAttribute(), strControlName,
                                                                                  dependenciesList );
        StringBuffer buf = new StringBuffer( 256 );
        if ( lisControls.size() > 0 )
        {
            buf.append( "" );

        }
    }
}

Now you only have to get the WDK to use the new tag. This is accomplished in a xml file. I created a docbaseattributes.xml and added the lines:


   
      
         
            
            
               my.package.ShortDateTag

That’s it!

Inside WDK DocbaseObject

robau — Fri, 16 May 2008 11:51:34 +0000

Last days I’ve been struggling with the dmfx:docbaseobject in the wdk 5.3.

Because I wanted more control on the layout of the attributes, I choose to create the attributes one by one in the jsp, instead of using the attributelist.

Snippet:

This piece of code resides in a component-page. I have created a button that refreshes the page and changes the docbaseobject’s id. When re-rendering, the old values of the attributes remain on the page. This has to do with the internal workings of the DocbaseAttributeValueTag.

The problem lies in the renderEnd code, which does something like this:

DocbaseAttributeValue value = (DocbaseAttributeValue) getControl();
 
if(obj.isADocbaseObjectInstance())
{
  strValue = value.getValue();
  if(strValue == null)
  {
    IObjectAdapter objectAdapter = obj.getObjectAdapter();
    if(objectAdapter != null)
    {
      strValue = getValueFromObjectAdapter(objectAdapter);
    } else
    {
      strValue = getValueFromDocbaseObject();
    }
    value.setValue(strValue);
    bGotDisplayValuesForRepeatingAttr = true;
  }
}

It acutally reads the value directly from it’s control class. But once the value inside the control class gets set to somethinh other than null, the object is no longer updated.

This is how I worked around it.

I created a extra boolean value “m_reloadFromDocbase” in the control class and in the DocbaseAttribute class, and added these lines in the renderEnd

   if (value.getReloadFromDocbase())
      strValue = null;

This ensures the value of the attribute will get reloaded from the docbase.

In the behaviour class that handles thes jsp, the render-code is a little extended:

                DocbaseAttribute dat = (DocbaseAttribute) getControl( "attr_" + attribute, DocbaseAttribute.class );
                dat.setReloadFromDocbase( true );

The attribute comes form analyzing the page, using a FindValidAttribute visitor. If the boolean is set to false, the filled-in value will remain.

If you are interested in more detail, please dorp me a line [still figuring out howto]

Hello world!

robau — Wed, 02 Jan 2008 11:29:53 +0000

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!