ADF Components everywhere on the Screen

Dear All,

I just want to share CSS things for ADF Components. We can locate ADF Components everywhere on the screen.

This is very simple CSS change on inlinestyle.

The following picture shows, how it works.

My source code is: "position:absolute;left:150px;top:250px"

<f:view>
    <af:document id="d1">
      <af:form id="f1">
        <af:calendar id="c1" view="day" startDayOfWeek="sun" listCount="7"
                     inlineStyle="position:absolute;left:50px;top:100px;"/>
        <af:commandButton text="Enter" id="cb1"
                          inlineStyle="position:absolute; width:100px; left:150px;top:300px;height:50.0px;"/>
        <af:inputText label="Username" id="it2"
                      inlineStyle="position:absolute;left:150px;top:200px;"/>
        <af:image source="/images/images.jpeg" shortDesc="aa" id="i1"
                  inlineStyle="position:absolute;left:250px;top:250px;"/>
        <af:inputText label="Password" id="it1"
                      inlineStyle="position:absolute;left:150px;top:250px;"/>
      </af:form>
    </af:document>
  </f:view>

Thank you for your visit in my very short post. :-).

If you have an any questions, please comment here.

Best regards,
Erdenebayar

Linkedin: http://www.linkedin.com/in/erdenebayare
Twitter: http://twitter.com/#!/erdenebayare