You need to sign in to do that
Don't have an account?
KeithJ
Cannot achieve layout with panelGrid
Hi there.
Basically I have a pageBlockSection with a column size of 2.
I have a selectList that has a defined outputLabel.
When I click on a selectOption within the SelectList another List appears and when this is clicked another list appears.
In all there are 3 Lists and 1 label for each.
I have a panelGrid with 2 columns width.
Basically I want a nice clean layout of the 1st label, 1st select List,
(when rendered) 2nd label, 2nd list,
(when rednered) 3rd label, 3rd list
Here is my code
Here is what I currently see when the default list is rendered:
No problems here.
When all three lists are displayed after selecting values in the account list, i see:
This looks absolutely awful. This is a real shot in the dark, but can someone please please inform me as to how
I could have a nicer layout. The way it is in the last image is not great, as the labels are displayed on top of the lists.
A left to right layout would actually be alright. But I have the other 2 fields, contract & case routing to worry about.
Any help greatly welcomed.
Thank you very much.
Basically I have a pageBlockSection with a column size of 2.
I have a selectList that has a defined outputLabel.
When I click on a selectOption within the SelectList another List appears and when this is clicked another list appears.
In all there are 3 Lists and 1 label for each.
I have a panelGrid with 2 columns width.
Basically I want a nice clean layout of the 1st label, 1st select List,
(when rendered) 2nd label, 2nd list,
(when rednered) 3rd label, 3rd list
Here is my code
Code:
<apex:pageBlockSection title="Case Assignment" columns="2"> <apex:actionRegion > <apex:panelGrid columns="2" width="100%"> <!--<apex:panelGroup layout="inline">--> <apex:outputLabel for="accountList" value="Account" /> <apex:selectList value="{!selectedAccount}" multiselect="false" size="6" id="accountList"> <apex:selectOptions value="{!allAccountsOptions}" /> <apex:actionSupport event="onclick" action="{!queryForSalesOrders}" status="queryStatus" rerender="ordersPanel,orderLineItemPanel" /> <apex:actionStatus id="queryStatus"> <apex:facet name="start"> <apex:image url="{!$Resource.ajaxicon}" alt="Loading..." /> </apex:facet> </apex:actionStatus> </apex:selectList> <apex:outputPanel id="ordersPanel"> <apex:outputLabel for="salesOrderList" value="Sales Order" rendered="{!renderSalesOrderSelectList}" /> <apex:selectList id="salesOrderList" value="{!selectedSalesOrder}" multiselect="false" size="6" rendered="{!renderSalesOrderSelectList}"> <apex:selectOptions value="{!SalesOrderOptionsItems}" /> <apex:actionSupport event="onclick" action="{!queryForOrderLineItems}" status="orderQueryStatus" rerender="orderLineItemPanel"/> <apex:actionStatus id="orderQueryStatus"> <apex:facet name="start"> <apex:image url="{!$Resource.ajaxicon}" alt="Loading..." /> </apex:facet> </apex:actionStatus> </apex:selectList> </apex:outputPanel> <apex:outputPanel id="orderLineItemPanel"> <apex:outputLabel for="orderItemList" value="Sales Order Item" rendered="{!renderSalesOrderLineItemList}" /> <apex:selectList id="orderItemList" value="{!selectedSalesOrderLineItem}" multiselect="false" size="6" rendered="{!renderSalesOrderLineItemList}"> <apex:selectOptions value="{!salesOrderLineItems}" /> </apex:selectList> </apex:outputPanel> <!-- </apex:panelGroup>--> </apex:panelGrid> </apex:actionRegion> <apex:inputField value="{!Case.Case_Routing__c}" /> <apex:inputField value="{!Case.Contract__c}" /> </apex:pageBlockSection>
Here is what I currently see when the default list is rendered:
No problems here.
When all three lists are displayed after selecting values in the account list, i see:
This looks absolutely awful. This is a real shot in the dark, but can someone please please inform me as to how
I could have a nicer layout. The way it is in the last image is not great, as the labels are displayed on top of the lists.
A left to right layout would actually be alright. But I have the other 2 fields, contract & case routing to worry about.
Any help greatly welcomed.
Thank you very much.
JRTConsult
I am having a similar issue panelGrid!!!
I have a table for which I want to hide row dependent upon particular conditions. The hide/show logic works great, but the columnar formatting is inconsistent, regardless of the style="width" tags I place on the fields.
Code: