Revision history [back]

click to hide/show revision 1
initial version

asked 2017-09-14 23:18:38 +0800

smanu00 gravatar image smanu00

Video as background

Hello, I would like to play a mp4 video as a background of a page with above the login form. I've implemented the login form but I'm not able to put the video as a background.

This is my code:

borderlayout> // I would like that this borderlayout has a background mp4 video

<borderlayout>

<north sclass="no-background" height="25%" border="no">
    <hlayout spacing="0">   
        <image src="/icons/logo.jpg" sclass="logo-login"/>
    </hlayout>
</north>
<south sclass="no-background" height="35%" border="no"></south>
<east sclass="no-background" width="35%" border="no"></east>
<west sclass="no-background" width="35%" border="no"></west>

<center border="no" sclass="no-background"> 
    <window id="winLogin" sclass="win-login" title="LOGIN" border="normal" apply="fe.composer.LoginComposer"
        width="100%" height="100%">
        <borderlayout  >
            <north border="no" height="20%" sclass="padding-top-in-window">
                <label id="labelInfo" sclass="label-info" value="Inserisci username e password per accedere"/>
            </north>
            <south border="no" height="10%"></south>
            <west border="no" width="10%"></west>
            <east border="no" width="0%"></east>
            <center border="no" >

                <grid sclass="grid-login no-background" width="100%">
                    <columns>
                        <column width="8%"/><column/>
                        <column width="50%"/><column/>
                    </columns>
                    <rows>
                        <row>
                            <image src="/icons/user-black.png" sclass="icon-dim"/>
                            <label id="labelUser" value="Username:"/>    
                            <textbox id="uname" hflex="1" />
                        </row>
                        <row>
                            <image src="/icons/password-black.png" sclass="icon-dim"/>
                            <label id="labelPass" value="Password:"/>    
                            <textbox id="upwd" type="password" forward="" hflex="1"/>
                        </row>
                        <row spans="3" align="right">
                            <button id="btnLogin" label="Login" width="80px" mold="trendy"/>        
                        </row>
                    </rows>
                </grid>

            </center>
        </borderlayout>
    </window>
</center>

</borderlayout>

Video as background

Hello, I would like to play a mp4 video as a background of a page with above the login form. I've implemented the login form but I'm not able to put the video as a background.

This is my code:

borderlayout> // I would like that this borderlayout has a background mp4 video

<borderlayout>

<borderlayout>

    <north sclass="no-background" height="25%" border="no">
     <hlayout spacing="0">   
         <image src="/icons/logo.jpg" sclass="logo-login"/>
     </hlayout>
 </north>
 <south sclass="no-background" height="35%" border="no"></south>
 <east sclass="no-background" width="35%" border="no"></east>
 <west sclass="no-background" width="35%" border="no"></west>

 <center border="no" sclass="no-background"> 
     <window id="winLogin" sclass="win-login" title="LOGIN" border="normal" apply="fe.composer.LoginComposer"
         width="100%" height="100%">
         <borderlayout  >
             <north border="no" height="20%" sclass="padding-top-in-window">
                 <label id="labelInfo" sclass="label-info" value="Inserisci username e password per accedere"/>
             </north>
             <south border="no" height="10%"></south>
             <west border="no" width="10%"></west>
             <east border="no" width="0%"></east>
             <center border="no" >

                 <grid sclass="grid-login no-background" width="100%">
                     <columns>
                         <column width="8%"/><column/>
                         <column width="50%"/><column/>
                     </columns>
                     <rows>
                         <row>
                             <image src="/icons/user-black.png" sclass="icon-dim"/>
                             <label id="labelUser" value="Username:"/>    
                             <textbox id="uname" hflex="1" />
                         </row>
                         <row>
                             <image src="/icons/password-black.png" sclass="icon-dim"/>
                             <label id="labelPass" value="Password:"/>    
                             <textbox id="upwd" type="password" forward="" hflex="1"/>
                         </row>
                         <row spans="3" align="right">
                             <button id="btnLogin" label="Login" width="80px" mold="trendy"/>        
                         </row>
                     </rows>
                 </grid>

             </center>
         </borderlayout>
     </window>
 </center>

</borderlayout>

</borderlayout>

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More