Текстовый редактор Primefaces не отображается на вкладке - PullRequest
Новая
       22

Текстовый редактор Primefaces не отображается на вкладке

0 голосов
/ 21 мая 2018

Текстовый редактор, который я пытаюсь добавить, находится на второй вкладке на странице.Когда я добавляю текстовый редактор чуть ниже вкладок на странице Текстовый редактор добавляется на страницу чуть ниже вкладок , он инициализируется и отображается на самой первой вкладке.но это не видно для второй вкладки.

Как мне сделать его видимым на второй вкладке?это проблема размера или проблема инициализации?

На рисунке ниже показано, когда я добавляю текстовый редактор чуть ниже вкладок

код, который я использую для этого: 

<li class="tab-item"><a data-toggle="tab" class="tutorialsTab" href="#tutorials">Tutorials Tips <i class="material-icons done">done</i> </a></li>
</ul>
<p:textEditor widgetVar="ed" id="labDescription" class="primefacesEditorTesting"
                                 height="100"
                                style="margin-bottom:10px" />
                        </h:form>

Во второмВ случае, когда я добавляю новый текстовый редактор в форму на второй вкладке, между параметром часового пояса и описанием лаборатории он равен сотне, как показано на следующем рисунке: Текстовый редактор, добавленный на второй вкладке в другомформа при рендеринге по нажатию кнопки

код, который я использую для этой вкладки: 

<p:textEditor widgetVar="ed" id="labDescription" class="primefacesEditorTesting"
                                 height="100"
                                style="margin-bottom:10px" />

                    <div class="row form-group">
                        <div class="col-sm-12 ">
                            <h:outputText for="lab-description" value="Lab Description" />
                                <h:inputTextarea id="lab-description" styleClass="form-control" a:placeholder="eg: What are the goals and objectives for you and your team with this Lab?"
                                    value="#{labManagedBean.lab.description}" style="resize: none"  rows="6"/>
                        </div>
...