Databases
StackOverflow2013
Postsdbo
POAccordionPanel moves Schedule
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAccordionPanel moves Schedule
    text
    copied!<p>I have an <code>accordionPanel</code> and schedule in my page. But when I expand my <code>accordionPanel</code>, my schedule moves down. Why? I use primefaces.</p> <p>I added a screen: <a href="http://zapodaj.net/2a318f4131f84.jpg.html" rel="nofollow">http://zapodaj.net/2a318f4131f84.jpg.html</a></p> <p>I am coloring the area in CSS to show that the areas do not overlap each other.</p> <p>Name of the month and switch between weeks days and months do not move. Only the calendar moves down. Why?</p> <pre><code>&lt;div id="panelMenu"&gt; &lt;h:form&gt; &lt;p:accordionPanel activeIndex="false"&gt; &lt;p:tab title="#{msg.manage}"&gt; &lt;p:menu styleClass="selection"&gt; &lt;p:menuitem action="#{userMB.patientList()}" value="Pacjenci" icon="ui-icon-triangle-1-e"/&gt; &lt;p:menuitem action="#{userMB.doctorList()}" value="Lekarze" icon="ui-icon-triangle-1-e"/&gt; &lt;p:menuitem action="#{userMB.inactiveAccountList()}" value="Nieaktywne" icon="ui-icon-triangle-1-e"/&gt; &lt;/p:menu&gt; &lt;/p:tab&gt; &lt;p:tab title="#{msg.myAccount}"&gt; &lt;p:menu styleClass="selection"&gt; &lt;p:menuitem value="#{msg.edit}" action="#{userMB.editMyAccount()}" icon="ui-icon-pencil"/&gt; &lt;p:menuitem value="#{msg.logout}" action="#{loginMB.logout()}" icon="ui-icon-power"/&gt; &lt;/p:menu&gt; &lt;/p:tab&gt; &lt;/p:accordionPanel&gt; &lt;/h:form&gt; &lt;/div&gt; &lt;div id="visitsRegisterSecretary"&gt; &lt;h:form id="form"&gt; &lt;p:growl id="messages"/&gt; &lt;p:schedule id="schedule" value="#{visitSecretaryMB.eventModel}" widgetVar="myschedule" locale="pl" timeZone="GMT+2" &gt; &lt;p:ajax event="dateSelect" listener="#{visitSecretaryMB.onDateSelect}" update="eventDetails" oncomplete="eventDialog.show()" /&gt; &lt;p:ajax event="eventSelect" listener="#{visitSecretaryMB.onEventSelect}" update="eventDetails" oncomplete="eventDialog.show()" /&gt; &lt;p:ajax event="eventMove" listener="#{visitSecretaryMB.onEventMove}" update="messages" /&gt; &lt;p:ajax event="eventResize" listener="#{visitSecretaryMB.onEventResize}" update="messages" /&gt; &lt;/p:schedule&gt; </code></pre> <p>CSS: panelMenu to accordionPanel</p> <pre><code>#panelMenu { float: right; height: auto; width: 180px; } </code></pre> <p>visits to schedule</p> <pre><code>#visits { padding-top: 200px; width: 700px; padding-bottom: 60px; } </code></pre> <p>both in:</p> <pre><code> #all { width: 901px; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload