unigui mobil de butona ile css kodu

[ibrahim.aydin@perga.com.tr]

butona yazılan css kodunu kabul etmemekte yazılan css ;
 function beforeInit(sender, config)
{
  config.style=" border-radius:50%;"
}
aynı kod web de çalışmaktadır

[Halil Han BADEM]

(26-08-2020, Saat: 17:47)ibrahim.aydin@perga.com.tr Adlı Kullanıcıdan Alıntı: butona yazılan css kodunu kabul etmemekte yazılan css ;
 function beforeInit(sender, config)
{
  config.style=" border-radius:50%;"
}
aynı kod web de çalışmaktadır

Öncelikle merhabalar,
ext.js alt yapısında en sağlıklı kullanım dosya olarak çağırım yapmaktır. İlgili tasarım kodunuzu bir css dosyasına kaydedip, UniGUI CSS alanına tanımlayınız. Sonrasında ilgili tasarımı aşağıdaki gibi çağırınız.

.OKButton{  
   border-radius : 50%
}

Sonrasında ise;

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

İyi çalışmalar dilerim.

[ibrahim.aydin@perga.com.tr]

(26-08-2020, Saat: 21:25)Halil Han BADEM Adlı Kullanıcıdan Alıntı:

(26-08-2020, Saat: 17:47)ibrahim.aydin@perga.com.tr Adlı Kullanıcıdan Alıntı: butona yazılan css kodunu kabul etmemekte yazılan css ;
 function beforeInit(sender, config)
{
  config.style=" border-radius:50%;"
}
aynı kod web de çalışmaktadır

Öncelikle merhabalar,
ext.js alt yapısında en sağlıklı kullanım dosya olarak çağırım yapmaktır. İlgili tasarım kodunuzu bir css dosyasına kaydedip, UniGUI CSS alanına tanımlayınız. Sonrasında ilgili tasarımı aşağıdaki gibi çağırınız.

.OKButton{  
   border-radius : 50%
}

Sonrasında ise;

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

İyi çalışmalar dilerim.

merhabalar 
dediginiz gibi yaptıgım halde button üzerine bir degişiklik olmuyor.
css dosyam \files\buton.css içinde yazılamlar  

.BtnAra{  
   border-radius : 50%
}

aynı sizin yazdıgınız.

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

[delphi.developer]

(27-08-2020, Saat: 08:49)ibrahim.aydin@perga.com.tr Adlı Kullanıcıdan Alıntı:

(26-08-2020, Saat: 21:25)Halil Han BADEM Adlı Kullanıcıdan Alıntı: Öncelikle merhabalar,
ext.js alt yapısında en sağlıklı kullanım dosya olarak çağırım yapmaktır. İlgili tasarım kodunuzu bir css dosyasına kaydedip, UniGUI CSS alanına tanımlayınız. Sonrasında ilgili tasarımı aşağıdaki gibi çağırınız.

.OKButton{  
   border-radius : 50%
}

Sonrasında ise;

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

İyi çalışmalar dilerim.

merhabalar 
dediginiz gibi yaptıgım halde button üzerine bir degişiklik olmuyor.
css dosyam \files\buton.css içinde yazılamlar  

.BtnAra{  
   border-radius : 50%
}

aynı sizin yazdıgınız.

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

function beforeInit(sender, config) 
{
config.cls='BtnAra';
}

UniServerModule üzerinde CustomCSS özelliği penceresini açın

.BtnAra 
{
border-radius: 50px; !important;
}

Eğer kontrollerin css özelliklerini değiştiriyorsanız ilgili css özelliğinin sonuna mutlaka !important ifadesini ekleyin. Bu css stil özelliğinin önceliğini ExtJS den alıp sizin stil özelliğinize verecektir.

[ss1907]

Merhaba ,

How TO - Flip Card adresindekine benzer bir şekilde unigui ile bir örnek paylaşıyorum.

Flip Card örneğini uniGui de yakalayabilmek için unPanel nesnesinin Layout -> Cls ve Layout->BodyCls özelliklerine CSS in classlarıyla bağladım.

Projeji https://github.com/siroz1907/FlipCardUniGui buradan indirebilirsiniz.

[klavye]

(10-09-2020, Saat: 16:06)ss1907 Adlı Kullanıcıdan Alıntı: Merhaba ,

How TO - Flip Card adresindekine benzer bir şekilde unigui ile bir örnek paylaşıyorum.

Flip Card örneğini uniGui de yakalayabilmek için unPanel nesnesinin Layout -> Cls ve Layout->BodyCls özelliklerine CSS in classlarıyla bağladım.

Projeji https://github.com/siroz1907/FlipCardUniGui buradan indirebilirsiniz.

Elinize Sağlık.

[ibrahim.aydin@perga.com.tr]

bilgi için teşekkür ederim