> For the complete documentation index, see [llms.txt](https://learn.vispeahen.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.vispeahen.com/kumanda-tablosu/plugin-listesi/diger-bilesenler/i-frame-i-frame.md).

# I-Frame: I-Frame

I-Frame (Inline Frame) bileşeni, harici web sayfalarının, web tabanlı uygulamaların, haritaların, videoların veya bağlantı üzerinden erişilebilen farklı içeriklerin doğrudan kumanda tablosu içerisinde görüntülenmesini sağlar. Bu sayede kullanıcı, dashboard ekranından ayrılmadan farklı bir sistemde veya web kaynağında bulunan içeriğe erişebilir.

I-Frame bileşeni özellikle aşağıdaki durumlarda kullanılabilir:

* Kurum içi intranet veya portal sayfalarının dashboard içerisinde görüntülenmesi,
* Harici web tabanlı uygulama veya sistem ekranlarının gösterilmesi,
* Harita servisleri üzerinden lokasyon veya saha bilgilerinin sunulması,
* Canlı finans, piyasa veya benzeri web tabanlı bilgi ekranlarının kullanılması,
* Eğitim veya bilgilendirme amacıyla video içeriklerinin gösterilmesi,
* Web üzerinden erişilebilen doküman veya PDF içeriklerinin dashboard içerisinde sunulması.

{% hint style="info" %}
**Not:** I-Frame bileşeni, görüntülenecek içeriği bir web adresi (URL) üzerinden aldığı için standart grafik bileşenlerinde bulunan tablo, kolon veya ölçü eşleştirmelerine ihtiyaç duymaz. İçeriğe ait bağlantı ve görünüm ayarları doğrudan **Ayarlar** ekranı üzerinden yapılandırılır.

Ayrıca bazı web siteleri güvenlik politikaları nedeniyle kendi içeriklerinin başka bir web uygulaması içerisinde I-Frame olarak görüntülenmesine izin vermeyebilir. Bu durumda bağlantı doğru olsa dahi ilgili içerik bileşen içerisinde açılamayabilir.
{% endhint %}

## I-Frame Bileşeninin Eklenmesi

I-Frame eklemek için **Plugin Listesi** içerisinden **I-Frame** bileşeni seçilir ve kumanda tablosuna eklenir.

<figure><img src="https://3143653407-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0vZHisAf5833eglFw2GE%2Fuploads%2FGi8JRS3PTAaxswUvD3zD%2Fimage.png?alt=media&amp;token=acd6c49b-2a8b-4e4c-aeb9-bd873182c13e" alt=""><figcaption></figcaption></figure>

Bileşen eklendikten sonra herhangi bir veri alanı tanımlamaya gerek kalmadan doğrudan **Ayarlar** ekranına geçilir. Görüntülenmek istenen web sayfasının, uygulamanın veya dokümanın bağlantı adresi tanımlanarak içerik dashboard içerisinde gösterilebilir.

## I-Frame Bileşeni Araçları

<img src="https://3143653407-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0vZHisAf5833eglFw2GE%2Fuploads%2FmLC2WFrEtv5sfcJ11zoe%2Funknown.png?alt=media&amp;token=eb7db40e-806b-47a4-b99e-65d5f50ee66e" alt="" width="365">

1. **Araçları Aç/Kapat:** Görsel ile ilgili düzenleme yapılan ikonların açıp kapatıldığı ikondur.
2. **Ayarlar:** Görselin renk/başlık gibi biçimsel özelliklerinin değiştirildiği alandır
3. **Yenile:** Veri alanı ile grafiğin çalışması ve grafiğin yenilenmesini sağlar.
4. **Kaldır:** Görseli silmek için kullanılan alandır. “Kaldır” ikonuna tıklandığında “Bu görseli silmek istiyor musunuz?” şeklinde uyarı çıkmaktadır.

## Yapılandırma Ayarları

I-Frame Bileşenine ait görünüm ve davranış ayarları **Ayarlar** ekranı üzerinden yönetilir.

<figure><img src="https://3143653407-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0vZHisAf5833eglFw2GE%2Fuploads%2FY0tuHjYoTLmz71bEnAvI%2Fimage.png?alt=media&amp;token=0c5e28fb-e2c9-482b-b24a-06382c3de1fe" alt=""><figcaption></figcaption></figure>

<mark style="color:green;">**Genel Görünüm**</mark>

<figure><img src="https://3143653407-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0vZHisAf5833eglFw2GE%2Fuploads%2FIEX6pBgdSqBqi8sX91cS%2Fimage.png?alt=media&amp;token=8aa9d209-deec-4db7-9d4c-dbcbd7fb29f9" alt=""><figcaption></figcaption></figure>

* **İç Genişlik:** I-Frame grafiğinde gösterilecek içeriğin (bir web sayfası, PDF gibi) yatayda ne kadar genişlikte görüntüleneceğini belirler.
* **İç Yükseklik:** I-Frame grafiğinde gösterilecek içeriğin dikeyde ne kadar yükseklikte görüntüleneceğini belirler.
* **Arkaplan Rengi:** I-Frame grafiği arka plan rengini belirler.

<mark style="color:green;">**Başlık Ayarları**</mark>

<figure><img src="https://3143653407-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0vZHisAf5833eglFw2GE%2Fuploads%2Fag3hLu35nRwD3dLq61Ep%2Fimage.png?alt=media&amp;token=ec0300f6-f32e-47d4-90ad-72400e5b023a" alt=""><figcaption></figcaption></figure>

* **Başlık:** Grafiğe verilecek başlığın tanımlandığı alandır.
* **Başlık Hizası:** Grafik başlığının sola, ortaya veya sağa hizalanmasını sağlar.
* **Başlık Yazı Stilleri:** Grafik başlığının kalın, italik veya altı çizili gibi yazı stilleriyle biçimlendirilmesini sağlar.
* **Başlık Yazı Stili:** Grafik başlığında kullanılacak yazı tipini (font) belirlemenizi sağlar.
* **Başlık Yazı Rengi:** Grafik başlığının metin renginin değiştirilmesini sağlar.
* **Başlık özelliklerini rapordaki diğer pluginlere uygula:** Tanımlanan başlık ayarlarının (stil, renk, hizalama vb.) aynı dashboard içindeki diğer grafik bileşenlerinin başlıklarına da otomatik olarak uygulanmasını sağlar.

<mark style="color:green;">**Diğer**</mark>

<figure><img src="https://3143653407-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0vZHisAf5833eglFw2GE%2Fuploads%2F0I3aPqpYgux9KLsQDu30%2Fimage.png?alt=media&amp;token=70a3b76c-eae4-496b-afd0-0200c1d29fa2" alt=""><figcaption></figcaption></figure>

* **Link Alanı:** I-Frame grafiğinde görüntülenecek web sayfası ya da belgenin bağlantı adresinin girildiği alandır. Bu alana girilen link, grafikte içerik olarak gösterilir.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://learn.vispeahen.com/kumanda-tablosu/plugin-listesi/diger-bilesenler/i-frame-i-frame.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.