Creating space between card layouts

[Fatih Elitas]

I can't create space between cards in the card layout. It was happening in the older version. There is no space in the new version. Do you have the same problem?

app.LoadPlugin( "Support" );

function OnStart()
{
    sup = app.CreateSupport();

    SettingsMenu_lay = app.CreateLayout( "Linear", "VCenter,FillXY")// "linear", "VCenter,FillXY"
    SettingsMenu_lay.SetBackColor("white")
    //SettingsMenu_lay.Hide()
    SettingsMenu_lay.SetSize(1,1)
   
//arkaplan_lay.AddChild( SettingsMenu_lay )

    grid = sup.CreateGridLayout();
    grid.SetColCount( 2 );
    SettingsMenu_lay.AddChild( grid );
   
    settings_number = [0,1,2,3,4,5,6,7,8,9,10]
    settings_ico = ["[fa-user]","[fa-area-chart]","[fa-car]","[fa-language]","[fa-balance-scale]",
                    "[fa-graduation-cap]","[fa-battery-1]","[fa-warning]","[fa-bell]","[fa-ambulance]","[fa-bullhorn]"]//,"[fa-bluetooth-b]"
    settings_title = ["Kullanıcı","Yükselti","Navigasyon","Dil","Birimler",
                    "Eğitim Bölgeleri","Güç yönetimi","Uyarılar","Alarm","Acil Durum","Sesler"]//,"Sensörler"
   
   
   
    for (i = 0 ; i < settings_number.length ; i++)
    {
        settings_card_main_lay = app.CreateLayout( "Linear","Vertical")
        grid.AddChild(settings_card_main_lay)
       
        settings_card_lay = app.CreateLayout( "Card")
        settings_card_lay.SetBackColor( "white" )//4285F4 808080
        settings_card_lay.SetElevation( 5 )
        settings_card_lay.SetCornerRadius( 10)
        settings_card_lay.SetMargins(0.02,0.01,0.02,0.01)
        //settings_card_lay.SetOnTouchUp()
        settings_card_main_lay.AddChild(settings_card_lay)
       
        settings_number[i] = app.CreateLayout( "linear", "Vertical,H/VCenter" );//Horizontal,H/VCenter
        //settings_number[i].SetBackColor("red")
        //settings_number[i].SetMargins(0,0.02,0,0.02)
        settings_card_lay.AddChild(settings_number[i]);
       
        ayar_ico_btn = app.AddText(settings_number[i], settings_ico[i] , 0.2, 0.05,"FontAwesome,VCenter" );
        //ayar_ico_btn.SetTextColor("black")
        //ayar_ico_btn.SetMargins(0,0,0,0.01)
        ayar_ico_btn.SetTextSize( 20,"pl");
       
        ayar_title_btn = app.AddText(settings_number[i], settings_title[i] , 0.45, 0.05,"FontAwesome,VCenter" );
        //ayar_title_btn.SetTextColor("black")
        ayar_title_btn.SetTextSize( 15,"pl");
       
        ico = app.AddImage(settings_card_lay,null,0.45,0.1)
        //ico.SetOnTouchUp(ico_OnTouchUp)
       
        ico.data.index = i;
    }
   
    app.AddLayout(SettingsMenu_lay)

}

[Ferhat]

I had reported this to Dave in the beta group, but a fix has not been released yet. For now, you can solve the issue by using app.AddLayout("Card") instead of app.CreateLayout("Card"). Below is an example of the corrected code.

app.LoadPlugin( "Support" );

function OnStart()

{

    sup = app.CreateSupport();

    SettingsMenu_lay = app.CreateLayout( "Linear", "VCenter,FillXY")// "linear", "VCenter,FillXY"

    SettingsMenu_lay.SetBackColor("white")

    //SettingsMenu_lay.Hide()

    SettingsMenu_lay.SetSize(1,1)

   

 //arkaplan_lay.AddChild( SettingsMenu_lay )

    grid = sup.CreateGridLayout();

    grid.SetColCount( 2 );

    SettingsMenu_lay.AddChild( grid );

   

    settings_number = [0,1,2,3,4,5,6,7,8,9,10]

    settings_ico = ["[fa-user]","[fa-area-chart]","[fa-car]","[fa-language]","[fa-balance-scale]",

                    "[fa-graduation-cap]","[fa-battery-1]","[fa-warning]","[fa-bell]","[fa-ambulance]","[fa-bullhorn]"]//,"[fa-bluetooth-b]"

    settings_title = ["Kullanıcı","Yükselti","Navigasyon","Dil","Birimler",

                    "Eğitim Bölgeleri","Güç yönetimi","Uyarılar","Alarm","Acil Durum","Sesler"]//,"Sensörler"

   

   

   

    for (i = 0 ; i < settings_number.length ; i++)

    {

        settings_card_main_lay = app.CreateLayout( "Linear","Vertical")

        grid.AddChild(settings_card_main_lay)

       

        settings_card_lay = app.AddLayout( settings_card_main_lay, "Card")

        settings_card_lay.SetBackColor( "white" )//4285F4 808080

        settings_card_lay.SetElevation( 5 )

        settings_card_lay.SetCornerRadius( 10)

        settings_card_lay.SetMargins(0.02,0.01,0.02,0.01)

        //settings_card_lay.SetOnTouchUp()

       

        settings_number[i] = app.CreateLayout( "linear", "Vertical,H/VCenter" );//Horizontal,H/VCenter

        //settings_number[i].SetBackColor("red")

        //settings_number[i].SetMargins(0,0.02,0,0.02)

        settings_card_lay.AddChild(settings_number[i]);

       

        ayar_ico_btn = app.AddText(settings_number[i], settings_ico[i] , 0.2, 0.05,"FontAwesome,VCenter" );

        //ayar_ico_btn.SetTextColor("black")

        //ayar_ico_btn.SetMargins(0,0,0,0.01)

        ayar_ico_btn.SetTextSize( 20,"pl");

       

        ayar_title_btn = app.AddText(settings_number[i], settings_title[i] , 0.45, 0.05,"FontAwesome,VCenter" );

        //ayar_title_btn.SetTextColor("black")

        ayar_title_btn.SetTextSize( 15,"pl");

       

        ico = app.AddImage(settings_card_lay,null,0.45,0.1)

        //ico.SetOnTouchUp(ico_OnTouchUp)

       

        ico.data.index = i;

    }

   

    app.AddLayout(SettingsMenu_lay)

}

25 Mart 2025 Salı tarihinde saat 23:35:41 UTC+3 itibarıyla Fatih Elitas şunları yazdı:

[Fatih Elitas]

Teşekkürler Ferhat .

26 Mart 2025 Çarşamba tarihinde saat 12:56:19 UTC+3 itibarıyla Ferhat şunları yazdı: