Wednesday, March 18, 2015

Re: cursor: pointer; css does not work with CustomWidget in GWT

issue is resolved actually below line of HEADER VIEW cause the problem i don''t set the position and size of LayoutPanel

<g:layer>
<g:Image ui:field="picture" addStyleNames="{style.imgStyle}" />
</g:layer>

On Wednesday, March 18, 2015 at 1:12:40 PM UTC+5:30, Vikas Yadav wrote:

.gwt-Label {
cursor: pointer;
cursor: hand;
}



.gwt-Label  style work with labels Which I add in SplitLayoutPanel in below codes but I add same style in customwidget  HeaderView   .  it will not work with  HeaderView     customWidget logoutLabel .


Below is the code for MAIN VIEW and HEADER VIEW


//MAIN VIEW CODE START


<g:DockLayoutPanel unit="PCT" ui:field="appLayout">
<g:north size="10">

<g:SimpleLayoutPanel>
<p:HeaderView />
</g:SimpleLayoutPanel>

</g:north>
<g:south size="10"><!-- represent size of north panel in percentage -->
<g:LayoutPanel>
<g:layer left="50%" width="40%" height="100%">
<g:Label>Application Footer</g:Label>
</g:layer>
</g:LayoutPanel>
</g:south>
<g:center>
<g:SplitLayoutPanel ui:field="split">
<g:west size="150">
<g:Label text="Menu Placeholder" addStyleNames="{style.gwt-Label}" />
</g:west>
<g:center>
<g:Label text="Content Placeholder" addStyleNames="{style.gwt-Label}" />
</g:center>

</g:SplitLayoutPanel>
</g:center>


</g:DockLayoutPanel>

//MAIN VIEW CODE END


// HEADER VIEW CODE START



<g:LayoutPanel styleName="{style.northPanelStyle}">

<g:layer left="1%" width="30%" height="100%">
<g:Image resource="{res.logo}" addStyleNames="{style.imgLogo}"></g:Image>
</g:layer>

<g:layer left="36%" width="10%" top="35%" height="65%">
<g:Label ui:field="logoLabel" text="Welcome :"
horizontalAlignment="ALIGN_RIGHT"></g:Label>
</g:layer>

<g:layer left="47%" width="10%" top="35%" height="65%">
<g:Label ui:field="userNameLabel" text="Vikas Yadav"
horizontalAlignment="ALIGN_LEFT" addStyleNames="{style.gwt-Label}"></g:Label>
</g:layer>

<g:layer left="62%" width="25%" top="35%" height="65%">
<g:Label ui:field="mailId" text="vikasyadav902@gmail.com"
horizontalAlignment="ALIGN_CENTER">
</g:Label>
</g:layer>

<g:layer left="62%" width="25%" top="62%" height="38%">
<g:Label ui:field="logoutLabel" text="Sign out"
horizontalAlignment="ALIGN_CENTER" addStyleNames="{style.gwt-Label}"></g:Label>


</g:layer>


<g:layer>
<g:Image ui:field="picture" addStyleNames="{style.imgStyle}" />
</g:layer>
</g:LayoutPanel>


--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.

No comments:

Post a Comment