badge set vertically
git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portlets/user/vre-members@99588 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
parent
d52c47eabd
commit
04c43c1ae1
|
@ -41,11 +41,11 @@ public class VREMembersPanel extends Composite {
|
||||||
mainPanel.clear();
|
mainPanel.clear();
|
||||||
mainPanel.setHorizontalAlignment(HasAlignment.ALIGN_LEFT);
|
mainPanel.setHorizontalAlignment(HasAlignment.ALIGN_LEFT);
|
||||||
mainPanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_TOP);
|
mainPanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_TOP);
|
||||||
Grid grid = new Grid(users.size()/3+1, 3);
|
Grid grid = new Grid(users.size()/4+1, 4);
|
||||||
mainPanel.add(grid);
|
mainPanel.add(grid);
|
||||||
|
|
||||||
for (int i = 0; i < users.size(); i++) {
|
for (int i = 0; i < users.size(); i++) {
|
||||||
grid.setWidget(i/3, i%3, new DisplayBadge(users.get(i)));
|
grid.setWidget(i/4, i%4, new DisplayBadge(users.get(i)));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -52,7 +52,6 @@ public class DisplayBadge extends Composite {
|
||||||
|
|
||||||
myUserInfo = user;
|
myUserInfo = user;
|
||||||
avatarImage.getElement().getParentElement().setAttribute("href", myUserInfo.getAvatarId());
|
avatarImage.getElement().getParentElement().setAttribute("href", myUserInfo.getAvatarId());
|
||||||
avatarImage.setSize("100px", "100px");
|
|
||||||
avatarImage.setUrl(myUserInfo.getAvatarId());
|
avatarImage.setUrl(myUserInfo.getAvatarId());
|
||||||
userFullName.setText(myUserInfo.getFullName());
|
userFullName.setText(myUserInfo.getFullName());
|
||||||
|
|
||||||
|
|
|
@ -2,70 +2,17 @@
|
||||||
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
|
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
|
||||||
xmlns:g="urn:import:com.google.gwt.user.client.ui"
|
xmlns:g="urn:import:com.google.gwt.user.client.ui"
|
||||||
xmlns:m="urn:import:org.gcube.portlets.user.gcubewidgets.client.elements">
|
xmlns:m="urn:import:org.gcube.portlets.user.gcubewidgets.client.elements">
|
||||||
<ui:style>
|
<g:HTMLPanel ui:field="mainPanel" styleName="framed">
|
||||||
.framed {
|
<div class="photo-details">
|
||||||
padding: 10px;
|
<a ui:field="imageRedirect" href="">
|
||||||
margin: 10px;
|
<g:Image title="Profile Picture" styleName="user-photo" url=""
|
||||||
background: #FFF;
|
ui:field="avatarImage" />
|
||||||
border-radius: 6px !important;
|
</a>
|
||||||
-moz-border-radius: 6px !important;
|
</div>
|
||||||
-webkit-border-radius: 6px !important;
|
<div class="user-details">
|
||||||
border: 1px solid #DBDBDB;
|
<g:HTML styleName="fullName" ui:field="userFullName"></g:HTML>
|
||||||
}
|
<g:HTML styleName="headline" ui:field="headlineLabel"></g:HTML>
|
||||||
|
<g:HTML styleName="institution" ui:field="institutionLabel"></g:HTML>
|
||||||
.user-photo {
|
</div>
|
||||||
display: block;
|
|
||||||
padding: 2px;
|
|
||||||
border: 1px solid #E6E6E6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-details {
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fullName {
|
|
||||||
font-family: 'Helvetica Neue', Arial, sans-serif;
|
|
||||||
font-size: 22px;
|
|
||||||
font-weight: bold;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fullName:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
cursor: hand;
|
|
||||||
text-decoration: underline;
|
|
||||||
color: #01497C;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headline {
|
|
||||||
font-family: 'Helvetica Neue', Arial, sans-serif;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #444444;
|
|
||||||
}
|
|
||||||
|
|
||||||
.institution {
|
|
||||||
font-family: 'Helvetica Neue', Arial, sans-serif;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #444444;
|
|
||||||
}
|
|
||||||
</ui:style>
|
|
||||||
<g:HTMLPanel ui:field="mainPanel" styleName="{style.framed}">
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td width="110px;" align="middle">
|
|
||||||
<a ui:field="imageRedirect" href="">
|
|
||||||
<g:Image title="Profile Picture" styleName="{style.user-photo}"
|
|
||||||
url="" ui:field="avatarImage" width="100" height="100" />
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td valign="top">
|
|
||||||
<div class="{style.user-details}">
|
|
||||||
<g:HTML styleName="{style.fullName}" ui:field="userFullName"></g:HTML>
|
|
||||||
<g:HTML styleName="{style.headline}" ui:field="headlineLabel"></g:HTML>
|
|
||||||
<g:HTML styleName="{style.institution}" ui:field="institutionLabel"></g:HTML>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</g:HTMLPanel>
|
</g:HTMLPanel>
|
||||||
</ui:UiBinder>
|
</ui:UiBinder>
|
|
@ -3,7 +3,7 @@
|
||||||
<!-- Inherit the core Web Toolkit stuff. -->
|
<!-- Inherit the core Web Toolkit stuff. -->
|
||||||
<inherits name='com.google.gwt.user.User' />
|
<inherits name='com.google.gwt.user.User' />
|
||||||
|
|
||||||
<!-- <set-property name="user.agent" value="gecko1_8" /> -->
|
<set-property name="user.agent" value="gecko1_8,safari" />
|
||||||
|
|
||||||
<inherits name='org.gcube.portlets.user.gcubewidgets.WidgetFactory' />
|
<inherits name='org.gcube.portlets.user.gcubewidgets.WidgetFactory' />
|
||||||
<inherits name='org.gcube.portal.databook.GCubeSocialNetworking' />
|
<inherits name='org.gcube.portal.databook.GCubeSocialNetworking' />
|
||||||
|
|
|
@ -0,0 +1,52 @@
|
||||||
|
.framed {
|
||||||
|
font-family: 'Helvetica Neue', Arial, sans-serif;
|
||||||
|
width: 200px;
|
||||||
|
height: 290px;
|
||||||
|
padding: 10px;
|
||||||
|
margin: 10px;
|
||||||
|
background: #FFF;
|
||||||
|
border-radius: 6px !important;
|
||||||
|
-moz-border-radius: 6px !important;
|
||||||
|
-webkit-border-radius: 6px !important;
|
||||||
|
border: 1px solid #DBDBDB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-photo {
|
||||||
|
padding: 5px;
|
||||||
|
border: 1px solid #E6E6E6;
|
||||||
|
width: 180px;
|
||||||
|
height: 175px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-details {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.photo-details {
|
||||||
|
width: 200px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fullName {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fullName:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
cursor: hand;
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #01497C;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headline {
|
||||||
|
font-size: 13px;
|
||||||
|
color: #444444;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.institution {
|
||||||
|
font-size: 11px;
|
||||||
|
color: #444444;
|
||||||
|
}
|
Loading…
Reference in New Issue