Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Andrei
20
Can we change the size of the ig:dateChooser component
posted

I'm wondering if we can change the size of the textbox-part of the component...and also, is there a way to change the icon for the button? I noticed a thread on the forum, but it's from 2008 and i thought maybe in the meantime a solution has been found

thanks

  • 2180
    Verified Answer
    Offline posted

    Hello,

    The button in the dateChooser component can be replaced with an image. The preview of this possibility and many more you may see here:

    http://ko.infragistics.com/java/netadvantage/jsf/webeditors.aspx#Gallery

    This is a new feature and it's included in NetAdvantage® for JSF 2009 Vol. 2.

    http://ko.infragistics.com/java/netadvantage/jsf.aspx#NewFeatures

    Here is an example how you can change input text field width and can replace button with an image:

    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
    <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
    <%@ taglib prefix="ig" uri="http://ko.infragistics.com/faces/netadvantage"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>DateChooser Image property</title>
    <style type="text/css">
    .dateChooserSyleClass input:first-child {
        width: 100px;
    }
    </style>
    </head>
    <body>
    <f:view>
        <h:form>
            <ig:dateChooser styleClass="dateChooserSyleClass" img="/test.gif"/>
        </h:form>
    </f:view>
    </body>
    </html>