buttons multiple

[Thiemo Melhorn]

how to use buttons multiple times for e.g. a dialog?

[Right2TheV0id]

All buttons are usable multiple times.

First you create your button object with app.CreateButton or app.AddButton, then you attach the OnTouch callback to it using btn.SetOnTouch.

Then, every time you touch your button, the OnTouch callback is executed.

What is your issue?

[Thiemo Melhorn]

I meant how to simplify it. I already have a routine for this (see below) but somehow it seems that it is not made for dialogs

function newButton(lay,text) {

    var but = app.AddButton(lay,text,-1,-1,"fontawesome")

    but.SetStyle(transparent,transparent, 0, null, 0, 0)

    but.SetTextColor(clrTxt)

    but.Animate( "FadeIn" )

    return but

}

[Right2TheV0id]

Your code creates general purpose buttons, you can do wathever you want with them.

There is nothing about "dialog" on the code you showed, so I'm still confused.

[Thiemo Melhorn]

Ok! I'll try to explain it to you. I have a dialog and would like the 'OK' button in the tab control to always look the same. How do I get that?

[Right2TheV0id]

All the buttons created with your function "newButton(lay,text)" should looks the same, what is your issue?

[Thiemo Melhorn]

The problem is that this is not true for dialogs but only for the other buttons outside the dialog.

[Right2TheV0id]

Can you provide a snippet showing it?

[Thiemo Melhorn]

[Right2TheV0id]

The code you presented doesn't use the "newButton" function you provided earlier.

[Thiemo Melhorn]

I have successfully added but not achieved the desired goal.

My goal is that the button in the dialog is always at the same position or at the end of the layout and that the dialog becomes a bit smaller.

[Thiemo Melhorn]

Is it enough if I copy or modify the code?

[Димыч Вакулин]

You should place the "OK" button not in tabs.getLayout containers, but place the general "OK" button after the tabs object itself. You will have to handle events depending on the current index of the tab, keeping track of changes in tabs.SetOnChange

вторник, 17 января 2023 г. в 22:28:45 UTC+3, Thiemo Melhorn:

[Thiemo Melhorn]

I suspect why it can't really position itself or 'style' the button is probably also somewhere in this code but my attempts to do it myself didn't work (really).

//Create dialog window.

    dlgSettings = app.CreateDialog( "Einstellungen" )

    

    //Create a layout for dialog.

    layDlg = app.CreateLayout("absolute")

    layDlg.SetSize( 1.0 );

    dlgSettings.AddLayout( layDlg )

    //Create tabs

    var tabs = app.CreateTabs( "Allgemein,Updates,Infos", 1.0, 1.0, "")

    layDlg.AddChild( tabs )

    //Add buttons to tabs.

    layDlgDesign = tabs.GetLayout( "Allgemein" )

    var txtColor = app.AddText( layDlgDesign,"Hintergrundfarbe auswählen")

    txtColor.SetMargins( 0, 0.01, 0, 0 )

    var pollux = app.AddLayout(layDlgDesign,"linear")   

    pollux.SetChildTextSize(12)

    item = app.LoadText( "item", "Schwarz" );

    clrBg = app.LoadText( "clrBg", "black" );

    clrTxt = app.LoadText( "clrTxt", "white" );

    var lstColors = app.AddSpinner( pollux,"Schwarz,Weiss,Blau" )

    lstColors.SelectItem( item )

    lstColors.SetOnChange( lstColors_OnTouch )

    

    var text = "Startseite festlegen";

    txt.SetMargins( 0, 0.03, 0, 0 )

    txt = app.CreateText( text )

    layDlgDesign.AddChild( txt )

    var castor = app.CreateLayout(layDlgDesign,"linear")

        var home = app.AddTextEdit(layDlgDesign,defaultUrl,0.8,"Autosize")

        var save = newButton(layDlgDesign,"[fa-save]")

        save.SetOnTouch(function () {

        defaultUrl=home.GetText()

        app.SaveText("defaultUrl",defaultUrl)

        app.ShowPopup("Startseite geändert!")

    })

    var text = "Suchmaschinen auswählen";

    txt = app.CreateText( text)

    layDlgDesign.AddChild( txt )

    var data = "Google:[fa-google],Yahoo:[fa-yahoo],Bing:[fa-windows],Brave Search:[fa-bitcoin],Neeva:[fa-deafness]";

    lst = app.CreateList( data, 0.7, 0.4 );

    layDlgDesign.AddChild( lst )

    lst.SetOnTouch(function (title,body,icon,index) {

        if (title == "Google") searchUrl = "https://www.google.com/search?q="

        if (title == "Yahoo") searchUrl = "https://www.search.yahoo.com/search?q="

        if (title == "Bing") searchUrl = "https://www.bing.com/search?q="

        if (title == "Brave Search") searchUrl = "https://search.brave.com/search?q="

        if (title == "Neeva") searchUrl = "https://neeva.com/search?q="

        app.SaveText("searchUrl",searchUrl)

    })

    btnOk = app.AddButton( layDlgDesign, "Ok" )

    btnOk.SetMargins( 0, 0.01, 0, 0 )

    btnOk.SetOnTouch(function() {dlgSettings.Dismiss();})

    

    layDlgUpdate = tabs.GetLayout( "Updates" )

    var text = "Manuelles Update";

    txt.SetMargins( 0, 0.03, 0, 0 )

    txt = app.CreateText( text)

    layDlgUpdate.AddChild( txt )

    btnUpdates = app.CreateButton( "Überprüfen von Updates" );

    btnUpdates.SetMargins( 0, 0.01, 0, 0 )

    btnUpdates.SetOnTouch( btnUpdates_OnTouch );

    layDlgUpdate.AddChild( btnUpdates );

    btnOk = app.AddButton( layDlgUpdate, "Ok")

    btnOk.SetMargins( 0, 0.03, 0, 0 )

    btnOk.SetOnTouch(function() {dlgSettings.Dismiss();})

    

    layDlgSpeech = tabs.GetLayout( "Infos" )

    webDlgSpeech = app.CreateWebView(1, 0.9);

    webDlgSpeech.LoadUrl();

[Димыч Вакулин]

As far as I understand, try to place the "Ok" button at the very bottom, regardless of the size of the contents of the tabs. I have sketched a schematic example, now I will try to attach the Spk from the phone.

среда, 18 января 2023 г. в 05:39:56 UTC+3, Thiemo Melhorn:

[Thiemo Melhorn]

Ich habe den Code mit meinen Controls vereint bekommen aber leider wird das Tabcontrol im Vollbild angezeigt sowie teilweise abgeschnitten (siehe Screenshot).

[Димыч Вакулин]

Can you create an Spk and upload it here?

среда, 18 января 2023 г. в 09:57:35 UTC+3, Thiemo Melhorn:

[Димыч Вакулин]

What immediately caught my eye:

layDlg.setSize( 0.85, 0.85);

And then:

tabs = app.CreateTabs( "Allgemein,Updates,Infos", 0.95, 0.8, "VCenter,Fade" )

As you can see, tabs with a width of 0.95 will not fit in a layDlg with a width of 0.85.

Next. If you create var txtColor = app.addText( tabCtrl,"Hintergrundfarbe auswählen") thus, you will no longer be able to make txtColor.setMargins( 0, 0.01, 0, 0 )

You need a classic

txt = app.CreateText(...)

txt.SetMargins(...)

tabCtrl.AddChild( txt )

среда, 18 января 2023 г. в 11:23:00 UTC+3, Thiemo Melhorn:

[Right2TheV0id]

Good advices, but I'm not ok with app.AddText preventing to use txt.SetMargins.

You made me doubt so I tried it (I attached a quick demo).

I can confirm that SetMargins works with CreateText and AddText.

[Димыч Вакулин]

I didn't put it quite right. In your case, txtColor.setMargins(...) forces to ignore tabCtrl.SetChildMargins(...).

Find the line "//Uncomment the line below and see the changes" in the attached spk.

среда, 18 января 2023 г. в 18:09:55 UTC+3, Right2TheV0id:

[Thiemo Melhorn]

Somehow I can't get this to work. Even if I recreate the dialog and add my stuff, it's either not displayed at all or cut off.

[Thiemo Melhorn]

[Димыч Вакулин]

It's hard for me to assume something without seeing the code. Here is a template where there is no unnecessary clutter of code, it may be easier for you to practice.

среда, 18 января 2023 г. в 20:30:29 UTC+3, Thiemo Melhorn:

[Thiemo Melhorn]

I have already tried to add the things but somehow and something I must have done that the error is triggered (see SPK file).

[Димыч Вакулин]

1) var layBill = tabs.GetLayout( "Updates" ) // "Update" -> "Updates"

2) function btn0_OnTouch()

{

    dialog.Show() //"dlg.Show" -> "dialog.Show"

}

четверг, 19 января 2023 г. в 06:31:11 UTC+3, Thiemo Melhorn:

[Thiemo Melhorn]

Dankeschön für die Hilfe. 

[Alan Hendry]

Hi, 

I think this needs one button in one dialog to close that dialog,

and a second button in a second dialog to close the second dialog.

• So it's kinda hard to make one object do it, otherwise I'd cr3ate button once, then add it into the 2 dialogs.

But you should be able to shorten your code with a function to create the button, add to dialog, style, and setontouch after using the function.

Regards, ah