Forum Stats

  • 3,815,381 Users
  • 2,259,010 Discussions
  • 7,893,063 Comments

Discussions

Table truncated when a zoom is applicated

Hayfa
Hayfa Member Posts: 3 Red Ribbon

I have with this code a problem that is when I increase the zoom of navigator the table is truncated and the add, edit,search, save buttons disappear.

So how to solve this problem and make it scroll when we applicate a zoom.Can you help me please to solve this problem.

I am working with jdev 12c,oracle 12 and java 8

<af:panelGridLayout id="pgl3" partialTriggers="pt2">
                                    <af:gridRow marginTop="0px" height="auto" id="gr1">
                                        <af:gridCell marginStart="0px" styleClass="AFStretchWidth" marginEnd="0px"
                                                     id="gc1">
                                           
                                           
                                                <af:panelBox id="pb2" styleClass="AFStretchWidth" 
                                                             text="#{raficviewBundle.LISTE_DE_OBLIGATIONS}"
                                                             >
                                                    <af:spacer id="s25" height="15px"/>
                                                    <f:facet name="toolbar">
                                                        <af:toolbar id="t3">
                                                            <TC:search iterator="RefObligationVO2Iterator"
                                                                       disabled="#{bindings.RefObligationVO2Iterator.estimatedRowCount == 0}"
                                                                       popupId=":::popupSearch" id="s1"/>
                                                            <af:commandButton text="" id="badd"
                                                                              icon="/resources/images/add.png"
                                                                              shortDesc="#{raficviewBundle.Ajouter}"
                                                                              styleClass="toolbarButton"
                                                                              partialSubmit="true">
                                                                <af:showPopupBehavior popupId=":::p1"/>
                                                            </af:commandButton>
                                                            <af:commandButton text="" id="bmod"
                                                                              icon="/resources/images/edit.png"
                                                                              disabled="#{bindings.RefObligationVO2Iterator.estimatedRowCount == 0}"
                                                                              shortDesc="#{raficviewBundle.MODIFIER}"
                                                                              styleClass="toolbarButton"
                                                                              partialSubmit="true">
                                                                <af:showPopupBehavior popupId=":::p3"/>
                                                            </af:commandButton>
                                                            <af:commandButton actionListener="#{bindings.Delete.execute}"
                                                                              styleClass="toolbarButton"
                                                                              disabled="#{bindings.RefObligationVO2Iterator.estimatedRowCount==0}"
                                                                              icon="/resources/images/delete_outline.png"
                                                                              id="breiu7" partialSubmit="true"/>
                                                            <TC:rollback block="0" id="r1"/>
                                                            <TC:valider block="0"
                                                                        iterator="RefObligationVO2Iterator"
                                                                        id="v1"/>
                                                        </af:toolbar>
                                                    </f:facet>
                                                    <!--1300px-->
                                                    <!--<af:panelStretchLayout id="psl2" 
                                                                        styleClass="AFStretchWidth" 
                                                                       bottomHeight="300px"
                                                                       topHeight="250px">
                                                    <f:facet name="center">-->
                                                <af:panelGroupLayout id="pgl1" styleClass="AFStretchWidth">
                                                    <af:panelCollection id="pc3" styleClass="AFStretchWidth">
                                                        <f:facet name="menus"/>
                                                        <f:facet name="toolbar">
                                                            <af:toolbar id="taeri4">
                                                                <af:button text="#{raficviewBundle.EXPORT}"
                                                                           id="brei3"
                                                                           shortDesc="#{raficviewBundle.EXPORT_DESC}">
                                                                    <af:exportCollectionActionListener type="excelHTML"
                                                                                                       exportedId="t5"
                                                                                                       filename="#{items.NatLlibfr}.xls"/>
                                                                </af:button>
                                                            </af:toolbar>
                                                        </f:facet>
                                                        <f:facet name="statusbar"/>
                                                        <af:table value="#{bindings.RefObligationVO2.collectionModel}"
                                                                  var="row" autoHeightRows="10"
                                                                  rows="#{bindings.RefObligationVO2.rangeSize}"
                                                                  emptyText="#{bindings.RefObligationVO2.viewable ? raficviewBundle.NO_DATA_TO_DISP : raficviewBundle.ACCES_DENIED}"
                                                                  rowBandingInterval="0"
                                                                  selectedRowKeys="#{bindings.RefObligationVO2.collectionModel.selectedRow}"
                                                                  selectionListener="#{bindings.RefObligationVO2.collectionModel.makeCurrent}"
                                                                  rowSelection="single"
                                                                  fetchSize="#{bindings.RefObligationVO2.rangeSize}"
                                                                  filterModel="#{bindings.RefObligationVO2Query.queryDescriptor}"
                                                                  filterVisible="true"
                                                                  queryListener="#{bindings.RefObligationVO2Query.processQuery}"
                                                                  varStatus="vs" id="t5" contentDelivery="immediate"
                                                                  immediate="true"
                                                                  partialTriggers=":::::b3 :::::b4 :::breiu7"
                                                                  columnStretching="column:c22"
                                                                  styleClass="AFStretchWidth"
                                                                  >
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.OblKcode.name}"
                                                                       filterable="true" width="50px"
                                                                       sortable="true"
                                                                       headerText="#{bindings.RefObligationVO2.hints.OblKcode.label}"
                                                                       id="c15" inlineStyle="text-align:left;">
                                                                <af:outputText value="#{row.OblKcode}"
                                                                               shortDesc="#{bindings.RefObligationVO2.hints.OblKcode.tooltip}"
                                                                               id="ot26">
                                                                    <af:convertNumber groupingUsed="false"
                                                                                      pattern="#{bindings.RefObligationVO2.hints.OblKcode.format}"/>
                                                                </af:outputText>
                                                            </af:column>
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.OblLlibfr.name}"
                                                                       filterable="true" width="300px"
                                                                       sortable="true"
                                                                       headerText="#{bindings.RefObligationVO2.hints.OblLlibfr.label}"
                                                                       id="c16">
                                                                <af:outputText value="#{row.OblLlibfr}"
                                                                               shortDesc="#{bindings.RefObligationVO2.hints.OblLlibfr.tooltip}"
                                                                               id="ot27"/>
                                                            </af:column>
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.OblLlibar.name}"
                                                                       filterable="true" width="300px"
                                                                       sortable="true"
                                                                       inlineStyle="text-align:right;"
                                                                       headerText="#{bindings.RefObligationVO2.hints.OblLlibar.label}"
                                                                       id="c17">
                                                                <af:outputText value="#{row.OblLlibar}"
                                                                               shortDesc="#{bindings.RefObligationVO2.hints.OblLlibar.tooltip}"
                                                                               id="ot25"/>
                                                            </af:column>
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.OblLabrvfr.name}"
                                                                       filterable="true" width="70px"
                                                                       sortable="true"
                                                                       headerText="#{bindings.RefObligationVO2.hints.OblLabrvfr.label}"
                                                                       id="c19">
                                                                <af:outputText value="#{row.OblLabrvfr}"
                                                                               shortDesc="#{bindings.RefObligationVO2.hints.OblLabrvfr.tooltip}"
                                                                               id="ot1"/>
                                                            </af:column>
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.OblLabrvar.name}"
                                                                       filterable="true" width="70px"
                                                                       sortable="true"
                                                                       inlineStyle="text-align:right;"
                                                                       headerText="#{bindings.RefObligationVO2.hints.OblLabrvar.label}"
                                                                       id="c21">
                                                                <af:outputText value="#{row.OblLabrvar}"
                                                                               shortDesc="#{bindings.RefObligationVO2.hints.OblLabrvar.tooltip}"
                                                                               id="ot29"
                                                                               inlineStyle="text-align:center;"/>
                                                            </af:column>
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.OblDdeb.name}"
                                                                       filterable="true" width="65px"
                                                                       sortable="true"
                                                                       inlineStyle="text-align:center;"
                                                                       headerText="#{bindings.RefObligationVO2.hints.OblDdeb.label}"
                                                                       id="c18">
                                                                <f:facet name="filter">
                                                                    <af:inputDate value="#{bindings.RefObligationVO2Query.queryDescriptor.filterConjunctionCriterion.criterionMap.OblDdeb.value}"
                                                                                  id="id1" autoSubmit="true">
                                                                        <af:convertDateTime pattern="#{bindings.RefObligationVO2.hints.OblDdeb.format}"
                                                                                            secondaryPattern="ddMMyyyy"/>
                                                                    </af:inputDate>
                                                                </f:facet>
                                                                <af:outputText value="#{row.OblDdeb}"
                                                                               shortDesc="#{bindings.RefObligationVO2.hints.OblDdeb.tooltip}"
                                                                               id="ot28">
                                                                    <af:convertDateTime pattern="#{bindings.RefObligationVO2.hints.OblDdeb.format}"/>
                                                                </af:outputText>
                                                            </af:column>
                                                            <!--width="65px"-->
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.OblDfin.name}"
                                                                       filterable="true"
                                                                       inlineStyle="text-align:center;"
                                                                       sortable="true"
                                                                       headerText="#{bindings.RefObligationVO2.hints.OblDfin.label}"
                                                                       id="c20">
                                                                <f:facet name="filter">
                                                                    <af:inputDate value="#{bindings.RefObligationVO2Query.queryDescriptor.filterConjunctionCriterion.criterionMap.OblDfin.value}"
                                                                                  id="id11">
                                                                        <af:convertDateTime pattern="#{bindings.RefObligationVO2.hints.OblDfin.format}"
                                                                                            secondaryPattern="ddMMyyyy"/>
                                                                    </af:inputDate>
                                                                </f:facet>
                                                                <af:outputText value="#{row.OblDfin}"
                                                                               shortDesc="#{bindings.RefObligationVO2.hints.OblDfin.tooltip}"
                                                                               id="ot31">
                                                                    <af:convertDateTime pattern="#{bindings.RefObligationVO2.hints.OblDfin.format}"/>
                                                                </af:outputText>
                                                            </af:column>
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.OblCtypobl.name}"
                                                                       filterable="true" width="68px"
                                                                       sortable="true"
                                                                       headerText="#{bindings.RefObligationVO2.hints.OblCtypobl.label}"
                                                                       id="c23">
                                                                <af:selectOneChoice value="#{row.bindings.OblCtypobl.inputValue}"
                                                                                    label="#{row.bindings.OblCtypobl.label}"
                                                                                    required="#{bindings.RefObligationVO2.hints.OblCtypobl.mandatory}"
                                                                                    shortDesc="#{bindings.RefObligationVO2.hints.OblCtypobl.tooltip}"
                                                                                    id="soc2" readOnly="true">
                                                                    <f:selectItems value="#{row.bindings.OblCtypobl.items}"
                                                                                   id="si2"/>
                                                                    <f:validator binding="#{row.bindings.OblCtypobl.validator}"/>
                                                                </af:selectOneChoice>
                                                            </af:column>
                                                            <af:column sortProperty="#{bindings.RefObligationVO2.hints.TextRegl.name}"
                                                                       filterable="true" width="200px"
                                                                       sortable="true"
                                                                       headerText="#{bindings.RefObligationVO2.hints.TextRegl.label}"
                                                                       id="c22">
                                                                <af:outputText value="#{row.TextRegl}"
                                                                               shortDesc="#{bindings.RefObligationVO2.hints.TextRegl.tooltip}"
                                                                               id="ot32"/>
                                                            </af:column>
                                                        </af:table>
                                                    </af:panelCollection>
                                                </af:panelGroupLayout>
                                                <!--<af:panelGridLayout id="pgl5iu">
                                                            <af:gridRow marginTop="5px" height="auto" 
                                                                        styleClass="AFStretchWidth" id="gri1">
                                                                <af:gridCell marginStart="5px" width="300%" styleClass="AFStretchWidth"
                                                                              id="gci1"/>
                                                               </af:gridRow>
                                                        </af:panelGridLayout>-->
                                                    <!--</f:facet>
                                                    <f:facet name="end"/>
                                                    
                                                </af:panelStretchLayout>-->
                                                </af:panelBox>
                                            
                                        
                                        </af:gridCell>
                                    </af:gridRow>


Answers

  • Timo Hahn
    Timo Hahn Senior Principal Technical Consultant - Oracle ACE Director Member, Moderator Posts: 38,270 Red Diamond

    This is a browser/css problem. Not much you can do about it. Depending on the zoom factor some CSS will not calculate the right values and some parts are outside of the visible viewport.

    You can try to change the CSS, but to my knowledge, if you fix it for one factor, it doesn't guarantee that the fix will work for all other factors.


    Timo

  • dvohra21
    dvohra21 Member Posts: 14,486 Gold Crown
    edited May 13, 2022 8:07PM

    when I increase the zoom of navigator the table is truncated and the add, edit,search, save buttons disappear.

    The issue is related to screen size and resolution on the machine.

    Sometimes a dialog/table/window could get truncated for one user but not for another even when no zoom is applied.