Project

General

Profile

« Previous | Next » 

Revision 4258

Added by daigle over 15 years ago

Replace tables with css

View differences:

skins-configuration.jsp
69 69

  
70 70
	for (String skinName : skinNames) {
71 71
%>
72
	<table class="config-section">
73
		<tr>
74
			<td class="config-checkbox">
75
				<input type="checkbox" 
72
	<div>
73
		<input class="checkradio" type="checkbox" 
76 74
<%
77 75
		if (skinName.equals(defaultStyle)) {
78 76
%>
79
				checked="yes"
77
			checked="yes"
80 78
<%
81 79
		} 
82 80
%>
83
				name="<%= skinName %>.cb" id="<%= skinName %>.cb"onClick="toggleHiddenTable(this, 'hiding-section-<%= skinName %>')"/>
84
			</td>
85
			<td class="config-checkbox-label">	
86
				<label for="<%= skinName %>.cb %>"><%= skinName %></label>
81
			name="<%= skinName %>.cb" id="<%= skinName %>.cb"onClick="toggleHiddenTable(this, 'hiding-section-<%= skinName %>')"/>
82
		<label class="checkradio-label" for="<%= skinName %>.cb %>"><%= skinName %></label>
87 83
<%
88 84
		if (skinName.equals(defaultStyle)) {
89 85
%>		
90
				<div style="display: inline;" id="hiding-default-<%= skinName %>"> (default)<div>	
86
			<div class="checkradio-label-inline" id="hiding-default-<%= skinName %>"> (default)</div>	
91 87
<%
92 88
		} else {
93 89
%>		
94
				<div style="display: none;" id="hiding-default-<%= skinName %>"> (default)<div>	
90
			<div class="checkradio-label-inline" style="display: none;" id="hiding-default-<%= skinName %>"> (default)</div>	
95 91
<%
96 92
		} 
97 93
%>
98
			</td> 
99
		</tr>
100
	</table>
101
	<table class="config-section-hiding" 
94
	</div>
95
	<div class="hiding-section" 
102 96
<%
103 97
		if (skinName.equals(defaultStyle)) {
104 98
%>
105
				style="display: table;"
99
				style="display: block;"
106 100
<%
107 101
		} 
108 102
%>	
......
116 110
			SortedMap<Integer, MetaDataProperty> propertyMap = metaData.getPropertiesInGroup(groupkey);
117 111
			Set<Integer> propertyKeys = propertyMap.keySet();
118 112
%>
119
			<tr>
120
				<td class="config-property-label" >
121
					<label for="<%= skinName %>-radio"> Make  &quot;<%= skinName %>&quot; default </label>
122
				</td>
123
				<td class="config-property-input" >
124
					<input type="radio" 
113
					<input class="checkradio" type="radio" 
125 114
<%
126 115
			if (skinName.equals(defaultStyle)) {
127 116
%>
......
130 119
			} 
131 120
%>
132 121
					name="default-flag" id="<%= skinName %>-radio" value="<%= skinName %>" onChange="toggleHiddenDefaultText('default-flag', '<%= skinName %>')"/>
133
				</td>
134
			</tr>
122
					<label class="checkradio-label" for="<%= skinName %>-radio"> Make  &quot;<%= skinName %>&quot; default </label>
135 123
<%
136 124
			for (Integer propertyKey : propertyKeys) {
137 125
%>		
138
			<tr>	
139 126
<%		
140 127
				MetaDataProperty metaDataProperty = propertyMap.get(propertyKey);							
141 128
				String fieldType = metaDataProperty.getFieldType(); 
142 129
				if (fieldType.equals("select")) {
143
%> 
144
				<td class="config-property-label">
145
					<label for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>  
146
				</td>
147
				<td class="config-property-input"> 			
148
					<select name="<%= skinName %>.<%= metaDataProperty.getKey() %>">
130
%>
131
				<div class="form-row"> 
132
					<img class="question-mark" src="style/images/question-mark.gif" 
133
						 alt="<%= metaDataProperty.getDescription() %>" 
134
						 onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')""/>
135
					<label class="textinput-label" for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>  		
136
					<select class="textinput" name="<%= skinName %>.<%= metaDataProperty.getKey() %>">
137

  
149 138
<%
150 139
					Vector<String> fieldOptionNames = metaDataProperty.getFieldOptionNames();
151 140
					Vector<String> fieldOptionValues = metaDataProperty.getFieldOptionValues();
......
156 145
					}
157 146
%>
158 147
					</select>
159
				</td>
160
				<td class="config-question-mark"> 
161
					<img src="style/images/question-mark.gif" 
162
						 alt="<%= metaDataProperty.getDescription() %>" 
163
						 onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')""/><br/>
164
				</td>
165

  
148
				</div>
149
<%
150
					if (metaDataProperty.getDescription() != null) {
151
%>
152
						<div class="textinput-description">[<%= metaDataProperty.getDescription() %>]</div>
166 153
<%		
154
					}   	
167 155
				} else if (fieldType.equals("password")) {
168
%>
169
				<td class="config-property-label">
170
					<label  for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
171
				</td>
172
				<td class="config-property-input"> 
173
					<input id="<%= skinName %>.<%= metaDataProperty.getKey() %>" name="<%= skinName %>.<%= metaDataProperty.getKey() %>" 	             		    	    	           		    	             			
156
%>	
157
				<div class="form-row">
158
					<img class="question-mark" src="style/images/question-mark.gif" 
159
						 alt="<%= metaDataProperty.getDescription() %>" 
160
						 onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')"/>
161
					<label class="textinput-label" for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
162
					<input class="textinput" id="<%= skinName %>.<%= metaDataProperty.getKey() %>" name="<%= skinName %>.<%= metaDataProperty.getKey() %>" 	             		    	    	           		    	             			
174 163
							type="<%= fieldType %>"
175 164
							alt="<%= metaDataProperty.getDescription() %>"/> 
176
				</td>
177
				<td class="config-question-mark"> 
178
					<img src="style/images/question-mark.gif" 
165
				</div>
166
<%
167
					if (metaDataProperty.getDescription() != null) {
168
%>
169
						<div class="textinput-description">[<%= metaDataProperty.getDescription() %>]</div>
170
<%		
171
					}   		
172
				} else if (fieldType.equals("checkbox")) {
173
%>
174
				<div class="form-row">
175
					<img class="question-mark" src="style/images/question-mark.gif" 
179 176
						 alt="<%= metaDataProperty.getDescription() %>" 
180
						 onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')"/><br/>
181
				</td>
177
						 onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')"/>
178
					<input class="checkradio" id="<%= skinName %>.<%= metaDataProperty.getKey() %>" name="<%= skinName %>.<%= metaDataProperty.getKey() %>" 	             		    	    	           		    	             			
179
						   type="<%= fieldType %>"
180
						   alt="<%= metaDataProperty.getDescription() %>"/> 
181
					<label class="checkradio-label" for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
182
				</div>
183
<%
184
					if (metaDataProperty.getDescription() != null) {
185
%>
186
						<div class="checkradio-description">[<%= metaDataProperty.getDescription() %>]</div>
182 187
<%		
188
					}
183 189
				} else {
184 190
%>
185
				<td class="config-property-label">
186
					<label for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
187
				</td>
188
				<td class="config-property-input"> 
189
					<input id="<%= skinName %>.<%= metaDataProperty.getKey() %>" name="<%= skinName %>.<%= metaDataProperty.getKey() %>" 
191
				<div class="form-row">
192
					<img class="question-mark" src="style/images/question-mark.gif" 
193
						 alt="<%= metaDataProperty.getDescription() %>"
194
						 onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')"/>
195
					<label class="textinput-label" for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
196
					<input class="textinput" id="<%= skinName %>.<%= metaDataProperty.getKey() %>" name="<%= skinName %>.<%= metaDataProperty.getKey() %>" 
190 197
							value="<%= skinProperties.get(metaDataProperty.getKey()) %>"	             		    	    	           		    	             			
191 198
							type="<%= fieldType %>	"           			
192
							alt="<%= metaDataProperty.getDescription() %>"/>	           		    
193
				</td>
194
				<td class="config-question-mark"> 
195
					<img src="style/images/question-mark.gif" 
196
						 alt="<%= metaDataProperty.getDescription() %>"
197
						 onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')"/><br/>
198
				</td>
199
<%   			
200
				}									
201
%>
202
			</tr>
199
							alt="<%= metaDataProperty.getDescription() %>"/>	
200
				</div>  
203 201
<%
204
				if (metaDataProperty.getDescription() != null) {
202
					if (metaDataProperty.getDescription() != null) {
205 203
%>
206
				<tr>
207
	    	        <td></td>
208
	    	        <td class="config-property-description" colspan="2" >
209
						<%= metaDataProperty.getDescription() %>
210
	    	        </td>
211
				</tr>
212
<%
213
	    		}
204
						<div class="textinput-description">[<%= metaDataProperty.getDescription() %>]</div>
205
<%		
206
					}         		      			
207
				}									
214 208
			}
215 209
		}
216 210

  
217 211
%>
218

  
219
	</table>
212
	</div>
220 213
<%
221 214
	}
222 215
%>

Also available in: Unified diff