Thursday, October 21, 2010

How to hide the spin bar in the carousel componet

thanks to Frank,
Use Skining to hide this spin bar in the carousel component,


In the css file,
af|carousel::spin-bar{    
     visibility: hidden;     
}
af|carousel::spin-h-previous-icon-style{
     visibility: hidden;
}
af|carousel::spin-h-next-icon-style{
   visibility: hidden;
}
af|carousel::spin-info{
     visibility: hidden;
}

How to use the Carousel component in 2 seconds

1.Craete a .jspx file
2.Create a View Object DataControl
3.Drag and Drop the view object from the DataControl to the jspx page
Now Choose carousel from  the following,
4.Choose carouselItem in the structure panel,and in the property inspecter of the carouselItem,for text attribute  type #{item.employeeName}  // give any attribute of the view object in the place of employeeName
5.Now run the application
       
       

Wednesday, October 6, 2010

ADF 11g: contextInfo Implementation

     All component that we can add the contextInfo component to (column, commandLink,inputComboboxListOfValues, inputText, outputFormatted, outputText, selectOneChoice), have a facet called context.
    for example,let us use a ContextInfo component for a InputTextBox that displays some info about that.

Steps,
    1.Drag and drop a InputText component from the component palete
    2.Inside the InputTextBox right-click and choose Insert-Inside InputBox--->Jsf-Core--->Facet and choose context from the dropdown list
    3.Inside the Facet right-click and choose Insert-Inside Facet--->ContextInfo
    4.Inside the ContextInfo right-click and choose Insert-Inside-ContextInfo--->Adf Faces--->show Popup behaviour
    5.Drag and drop a Popup component in the AF:document in the structure panel,
    6.In the show popup behaviour give the popup id for the popup component.