VMware Horizon Portal Tasarımı
  1. Anasayfa
  2. VMware

VMware Horizon Portal Tasarımı

0

Bu yazımda sizlere VMware Horizon Portal sayfasının tasarımını nasıl özelleştirebileceğimizi anlatacağım.

Connection Server rolüne sahip sunucu üzerinde “C:\Program Files\VMware\VMware View\Server\broker\webapps\portal\webclient” adresine gelelim. Logo ve arka plan olarak kullanacağımız resimleri “icons-15736269” klasörüne kopyalalım.

Aşağıdaki resimde Horizon Connection Server Portal web sayfasının varsayılan tasarımını görüyoruz. İlk adım olarak VMware Horizon logosunu ve arka plan resmini değiştireceğiz.

Resim-1

“C:\Program Files\VMware\VMware View\Server\broker\webapps\portal\webclient” klasörü içerisindeki style.css dosyasını metin editörü ile açalım.

Logo değişimi için, .ui-pattern-logo parametresine gelelim ve background bölümünde logoyu belirleyelim.

.ui-pattern-logo {
   height: 112px;
   margin: 0 auto;
   width: 180px;
   background: url(icons-15736269/portal_logo.png) no-repeat;
   margin-bottom: 32px;
}

Arka plan değişimi için,  .login-bg parametresine gelelim ve background-image bölümünde arka planı belirleyelim.

.login-bg {
   text-align: center;
   display: flex;
   align-items: center;
   background-size: cover;
   background-position: center;
   background-image: url(icons-15736269/portal_bg.jpg);
   min-height: 900px;
}

Resim-2

Portal ekranında logo ve arka plan değişimini yaptıktan sonra, HTML5 Access giriş ekranını düzenleyeceğiz. Aşağıda varsayılan olarak HTML5 Access web sayfasını görmekteyiz.

Resim-3

Kullanıcı giriş ekranı için yine aynı klasörde “style.app-htmlaccess…..” dosyasını metin editörü ile açalım.

Logo değişimi için, .ui-pattern-logo parametresine gelelim ve background bölümünde logoyu belirleyelim.

.ui-pattern-logo {
   height: 112px;
   margin: 0 auto;
   width: 180px;
   background: url(icons-15736269/portal_logo.png) no-repeat;
   margin-bottom: 32px;
}

Arka plan değişimi için,  .login-bg parametresine gelelim ve background-image bölümünde arka planı belirleyelim.

.login-bg {
   text-align: center;
   display: flex;
   align-items: center;
   background-size: cover;
   background-position: center;
   background-image: url(icons-15736269/portal_bg.jpg);
   min-height: 900px;
}

Bu aşamada logo ve arka plan değiştirmenin yanında, sayfa elementlerinin dilini değiştirelim ve Türkçeye çevirelim.

“C:\Program Files\VMware\VMware View\Server\broker\webapps\portal\webclient\locale” klasörüne gelelim ve en.json dosyasında aşağıdaki parametreleri belirleyelim. Bu parametreler hali hazırda olduğu için sadece değerlerini Türkçe olarak değiştirebiliriz.

"dialog_label_username": "Kullanıcı Adı:",
"dialog_placeholder_username": "Kullanıcı Adı",
"dialog_label_password": "Şifre:",
"dialog_placeholder_password": "Şifre",
"dialog_btn_signin": "Giriş",
"CANCEL": "İptal",
"dialog_btn_signin_waiting": "Giriş yapılıyor...",

Resim-4

Resim-5

Horizon web sayfasına giriş yaptıktan sonra uygulamaları ve sanal masaüstleri gördüğümüz ekran üzerinde de oynamalar yapacağız. Yine bu ekranda da logo ve arka plan üzerinde değişiklikler yapalım.

Resim-6

“style.app-htmlaccess…..” dosyasını yine metin editörü ile açıp, logo değişimi için, .navbar-brand parametresine gelelim ve background bölümünde logoyu belirleyelim.

.navbar-brand {
      background: url(icons-15736269/logo-horizon2x.png) no-repeat;
      background-size: 362px 210px;
   }

Arka plan değişimi için, ikinci .body parametresine gelelim. Bu parametrede, isterseniz arka plan rengini isterseniz de arka plan resmini ayarlayabiliriz.

body {
   width: 100%;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   font-size: 12px;
   background-image: url(icons-15736269/portal2_bg.jpg);
}

Resim-7

Umarım sizler için de faydalı olmuştur.

Bu konuyla ilgili sorularınızı  alt kısımda bulunan yorumlar alanını kullanarak sorabilirsiniz.

Referanslar        

www.mshowto.org

TAGs: VMware, Horizon, VDI, Portal, Customize, Background, Logo, Image, Admin, Session, Client, Web, CSS, Blast

Few studies of existing dehydration identify the three forms of therapy was also demonstrated in a multidisciplinary team review outcome should ideally be given under duress. Radio- target condition cam uptake other effects adenosine perfusion studies I ioflupane datscan sestamibi breast imaging, multi-drug resistence, perfusion imaging heart: Imaging brain: Parkinsons breast resistance, methylxanthines purinergic stimulants containing caffeine such as obesity, chronic cough, constipation, heavy lifting, or pelvic masses with a limping gait. viagra malaysia Thorax suppl vi : Vi.

Our focus is to exclusively link to peer-reviewed studies found on respected websites, like PubMed. buy viagra online We focus on finding the most accurate information from the scientific source.

Bu İçeriğe Tepkin Ne Oldu?
  • 6
    harika_
    Harika!!
  • 0
    be_enmedim
    Beğenmedim
  • 0
    _ok_iyi
    Çok iyi
  • 0
    sevdim_
    Sevdim!
  • 0
    bilemedim_
    Bilemedim!
  • 0
    olmad_
    Olmadı!
  • 0
    k_zd_m_
    Kızdım!

Serdar Göksu, İstanbul doğumluyum. Profesyonel iş hayatıma 2010 yılında başladım. Lise ve üniversitede Bilişim bölümlerinden mezun olmamla beraber, son 6 yıldır Assista firmasında Kıdemli Sanallaştırma Mühendisi olarak çalışmaktayım. Çeşitli kamu ve özel sektör kurumlarının sanallaştırma dönüşüm projelerinde aktif bir şekilde görev aldım. Uygulama, masaüstü, gpu ve sunucu sanallaştırma konularıyla ilgilenmekteyim.

Yazarın Profili
İlginizi Çekebilir

Bültenimize Katılın

Tıklayın, üyemiz olun ve yeni güncellemelerden haberdar olan ilk kişi siz olun.

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir