навигационная панель блестящего приложения мешает навигационной панели веб-страницы rmarkdown - PullRequest
Новая
       9

навигационная панель блестящего приложения мешает навигационной панели веб-страницы rmarkdown

0 голосов
/ 11 октября 2018

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

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

Веб-сайт yaml

Я создал веб-страницу, используя классическое построение веб-сайтов rmarkdown, поэтому моя веб-страница yamlвыглядит так: 

name: "Sitio web de ecoinformática del laboratorio Marquet"
navbar:
  title: "Ecoinformática"
  left:
    - text: "Home"
      href: index.html
    - text: "Sobre nosotros"
      href: about.html
    - text: "GCM compareR app"
      href: GCMcompareR.html
    - text: Docencia
      icon: fa-gear
      menu:
      - text: Ecología BIO231c 
      - text: Modulo 1.1
        href: Modulo1.1.html
      - text: Modulo 1.2
        href: Modulo1.2.html
    - text: RPackages
      icon: fa-gear
      menu:
      - text: RPackages
      - text: NetworkExtinction
        href: VignetteNetworkExt.html
output_dir: "."
output:
  html_document:
    theme: cosmo
    highlight: textmate
    include:
    css: styles.css

Актуальное приложение Rmd

А на вкладке приложения GCM compareR у меня есть следующее: 

---
title: ""
output: html_document
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE) 
```

<iframe src="http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/"style="border: 0; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%"">

Решения, которые могут работать, но не могут понять

  • Добавьте отступ сверху, чтобы обе панели навигации не вызывали конфликтов
  • Удалите панель навигации веб-сайта при переходе на веб-страницу приложения
  • Сделайте навигационную панель сайта де "развертываемой", чтобы онаly появляется, когда я перемещаю курсор к краю веб-страницы
  • меняем панель навигации веб-страницы влево.

Что я пробовал:

Изменениеграницы: 

<iframe src="http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/"style="border: 100; position:absolute; top:100; left:0; right:0; bottom:0; width:100%; height:100%"">

делают приложение отзывчивым 

<div class="resp-container">
    <iframe class="resp-iframe" src="http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/" style="border: 100; position:absolute; top:100; left:0; right:0; bottom:0; width:100%; height:100%"">

используйте include_app 

```{r}
knitr::include_app("http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/", height = "600px")
```

Какой типработ, но я не могу исправить ширину

Любая помощь будет приветствоваться

1 Ответ

0 голосов
/ 13 октября 2018

Блестящая навигационная панель приложения может быть сдвинута на несколько пикселей вниз, настроив параметры высоты и верхней части iframe: 

<iframe src="http://admin.ecoinformatica.net/shiny/rstudio/sample-apps/GCM/"style="border: 0; position:absolute; top:5%; left:0; right:0; bottom:0; width:100%; height:95%"">
</iframe>
...