Form içerisindeki labelların vertical alignment özelliği ve center olması

[Ahmet IPEKCI]

Merhaba herkese

Form içerisinde kullandığım unilabellerin vertical alingment özelliğini center yapmaya çalışıyorum fakat bir türlü tüm formdaki Labellera uygulatamadım.

Forumda bulduğum bu kodu denedim.

.myCls {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    position: relative !important;
}

function beforeInit(sender, config)
{
    config.cls = "myCls";
}

.myCls {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    position: relative !important;
}
function beforeInit(sender, config)
{
    config.cls = "myCls";
}

sonuç ilk sıradaki label i center yaparak döndürdü. Fakat diğerlerini center yapamadım.

Yapmam gereken nedir acaba,

yardımcı olabilirseniz sevinirim.

(Bu arada unigui yeni başladığım için biraz kafa karışıklığı yaşıyorum, belkide çok basit bir çözümü vardır, mazur görünüz.)

iyi çalışmalar.

[Sherzod]

\FMSoft\Framework\uniGUI\Demos\Desktop\ClientEvents-HtmlToAjax

 

[Ahmet IPEKCI]

kolay gelsin

\FMSoft\Framework\uniGUI\Demos\Desktop\ClientEvents-HtmlToAjax

Bu örnekle benim yapmak istediğim arasında bir bağlantı anlayamadım.

Ben html frame kullanmıyorumki. Üstteki resimde tasarım zamanı olarak kullanılan componentler var

alttaki resimdeyse programın çalışma zamanındaki ekran görüntüsü

Burada yapmak istediğim form içerisinde kullandığım tüm unilabellerin çalışma zamanında vectical alignment center yapabilmek.

Umarım anlatabilmişimdir.

 

 

 

[Sherzod]

Sorry, I posted wrong...

[Ahmet IPEKCI]

Konu unigui ile alakalı değil, css, yaklaşım ve yöntem ile alakalıymış. Sorunu çözdüm. Teşekkür ederim.

iyi çalışmalar.

[İbrahim TELCİ]

Ahmet bey Merhaba; aynı konu ile alakalı bende sıkıntılar yaşıyorum. Bende CSS kullanmaya çalıştım ama bir sonuç elde edemedim. Nasıl çözdünüz paylaşırsanız sevinirim. İyui çlışmalar dilerim.

[Ahmet IPEKCI]

Merhaba hocam, biz bu şekilde bir çözüm bulduk.

.myCls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}