Why is the widget not displayed

Only The Button appear and not the Widget Blueprint


using { /Fortnite.com/Devices }
using { /Verse.org/Simulation }
using { /UnrealEngine.com/Temporary/Diagnostics }

using { /UnrealEngine.com/Temporary/UI }
using { /Fortnite.com/UI }
using { /UnrealEngine.com/Temporary/SpatialMath }

Shop := class():

    var Condit1 : conditional_button_device = conditional_button_device{}
    var Granter1 : item_granter_device = item_granter_device{}
    var Condit2 : conditional_button_device = conditional_button_device{}
    var Granter2 : item_granter_device = item_granter_device{}

    var Condit3 : conditional_button_device = conditional_button_device{}
    var Granter3 : item_granter_device = item_granter_device{}

    var Condit4 : conditional_button_device = conditional_button_device{}
    var Granter4 : item_granter_device = item_granter_device{}

    var Condit5 : conditional_button_device = conditional_button_device{}
    var Granter5 : item_granter_device = item_granter_device{}

    var Condit6 : conditional_button_device = conditional_button_device{}
    var Granter6 : item_granter_device = item_granter_device{}

    var Condit7 : conditional_button_device = conditional_button_device{}
    var Granter7 : item_granter_device = item_granter_device{}

    var Condit8 : conditional_button_device = conditional_button_device{}
    var Granter8 : item_granter_device = item_granter_device{}

    var Condit9 : conditional_button_device = conditional_button_device{}
    var Granter9 : item_granter_device = item_granter_device{}

    var Condit10 : conditional_button_device = conditional_button_device{}
    var Granter10 : item_granter_device = item_granter_device{}

    var Condit11 : conditional_button_device = conditional_button_device{}
    var InstaHealthTrigger : trigger_device = trigger_device{}

    var Condit12 : conditional_button_device = conditional_button_device{}
    var InstaShieldTrigger : trigger_device = trigger_device{}

    var Condit13 : conditional_button_device = conditional_button_device{}
    var Granter13 : item_granter_device = item_granter_device{}

    var HudBackground : hud_message_device = hud_message_device{}

    var ShopCanvas : canvas = canvas{}

    var Button1 : button_quiet = button_quiet{}
    var Button2 : button_quiet = button_quiet{}
    var Button3 : button_quiet = button_quiet{}
    var Button4 : button_quiet = button_quiet{}
    var Button5 : button_quiet = button_quiet{}
    var Button6 : button_quiet = button_quiet{}
    var Button7 : button_quiet = button_quiet{}
    var Button8 : button_quiet = button_quiet{}
    var Button9 : button_quiet = button_quiet{}
    var Button10 : button_quiet = button_quiet{}
    var Button11 : button_quiet = button_quiet{}
    var Button12 : button_quiet = button_quiet{}
    var Button13 : button_quiet = button_quiet{}


    GetShopUI():canvas=
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button1
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=204.0,Top:=356.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )        
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button2
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=204.0,Top:=584.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button3
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=204.0,Top:=816.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button4
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=532.0,Top:=356.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button5
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=532.0,Top:=584.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button6
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=532.0,Top:=816.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button7
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=1072.0,Top:=356.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button8
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=1072.0,Top:=584.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button9
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=1072.0,Top:=816.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button10
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=1400.0,Top:=356.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button11
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=1400.0,Top:=584.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button12
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=1400.0,Top:=816.0,Right:=295.624207,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )
        ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=Button13
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=800.0,Top:=892.0,Right:=319.648254,Bottom:=30.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )

        Button1.OnClick().Subscribe(BuyItem1)
        Button2.OnClick().Subscribe(BuyItem2)
        Button3.OnClick().Subscribe(BuyItem3)
        Button4.OnClick().Subscribe(BuyItem4)
        Button5.OnClick().Subscribe(BuyItem5)
        Button6.OnClick().Subscribe(BuyItem6)
        Button7.OnClick().Subscribe(BuyItem7)
        Button8.OnClick().Subscribe(BuyItem8)
        Button9.OnClick().Subscribe(BuyItem9)
        Button10.OnClick().Subscribe(BuyItem10)
        Button11.OnClick().Subscribe(BuyItem11)
        Button12.OnClick().Subscribe(BuyItem12)

        Button13.OnClick().Subscribe(ExitUI)

        Button1.SetText(StrToMes("BUY 5K GOLD"))
        Button2.SetText(StrToMes("BUY 5K GOLD"))
        Button3.SetText(StrToMes("BUY 5K GOLD"))
        Button4.SetText(StrToMes("BUY 5K GOLD"))
        Button5.SetText(StrToMes("BUY 5K GOLD"))
        Button6.SetText(StrToMes("BUY 5K GOLD"))
        Button7.SetText(StrToMes("BUY 5K GOLD"))
        Button8.SetText(StrToMes("BUY 2K GOLD"))
        Button9.SetText(StrToMes("BUY 2K GOLD"))
        Button10.SetText(StrToMes("BUY 2K GOLD"))
        Button11.SetText(StrToMes("BUY 2K GOLD"))
        Button12.SetText(StrToMes("BUY 2K GOLD"))
        Button13.SetText(StrToMes("EXIT SHOP"))

        return ShopCanvas

    StrToMes<localizes>(String : string):message = "{String}"
    
    BuyItem1(Message : widget_message):void=
        Player := Message.Player
        if(Condit1.HasAllItems[Player]):
            Granter1.GrantItem(Player)

    BuyItem2(Message : widget_message):void=
        Player := Message.Player
        if(Condit2.HasAllItems[Player]):
            Granter2.GrantItem(Player)

    BuyItem3(Message : widget_message):void=
        Player := Message.Player
        if(Condit3.HasAllItems[Player]):
            Granter3.GrantItem(Player)

    BuyItem4(Message : widget_message):void=
        Player := Message.Player
        if(Condit4.HasAllItems[Player]):
            Granter4.GrantItem(Player)

    BuyItem5(Message : widget_message):void=
        Player := Message.Player
        if(Condit5.HasAllItems[Player]):
            Granter5.GrantItem(Player)

    BuyItem6(Message : widget_message):void=
        Player := Message.Player
        if(Condit6.HasAllItems[Player]):
            Granter6.GrantItem(Player)

    BuyItem7(Message : widget_message):void=
        Player := Message.Player
        if(Condit7.HasAllItems[Player]):
            Granter7.GrantItem(Player)

    BuyItem8(Message : widget_message):void=
        Player := Message.Player
        if(Condit8.HasAllItems[Player]):
            Granter8.GrantItem(Player)

    BuyItem9(Message : widget_message):void=
        Player := Message.Player
        if(Condit9.HasAllItems[Player]):
            Granter9.GrantItem(Player)

    BuyItem10(Message : widget_message):void=
        Player := Message.Player
        if(Condit10.HasAllItems[Player]):
            Granter10.GrantItem(Player)

    BuyItem11(Message : widget_message):void=
        Player := Message.Player
        if(Condit11.HasAllItems[Player]):
            InstaHealthTrigger.Trigger(Player)

    BuyItem12(Message : widget_message):void=
        Player := Message.Player
        if(Condit12.HasAllItems[Player]):
            InstaShieldTrigger.Trigger(Player)


    ExitUI(Message : widget_message):void=
        Player := Message.Player
        if(PlayerUI := GetPlayerUI[Player]):
            PlayerUI.RemoveWidget(ShopCanvas)
            if(Agent := agent[Player]):
                HudBackground.Hide(Agent)
 

ShopDevice := class(creative_device):
    
    @editable InputTrigger : input_trigger_device = input_trigger_device{}
    # constant or variable

    @editable Condit1 : conditional_button_device = conditional_button_device{}
    @editable Granter1 : item_granter_device = item_granter_device{}

    @editable Condit2 : conditional_button_device = conditional_button_device{}
    @editable Granter2 : item_granter_device = item_granter_device{}

    @editable Condit3 : conditional_button_device = conditional_button_device{}
    @editable Granter3 : item_granter_device = item_granter_device{}

    @editable Condit4 : conditional_button_device = conditional_button_device{}
    @editable Granter4 : item_granter_device = item_granter_device{}

    @editable Condit5 : conditional_button_device = conditional_button_device{}
    @editable Granter5 : item_granter_device = item_granter_device{}

    @editable Condit6 : conditional_button_device = conditional_button_device{}
    @editable Granter6 : item_granter_device = item_granter_device{}

    @editable Condit7 : conditional_button_device = conditional_button_device{}
    @editable Granter7 : item_granter_device = item_granter_device{}

    @editable Condit8 : conditional_button_device = conditional_button_device{}
    @editable Granter8 : item_granter_device = item_granter_device{}

    @editable Condit9 : conditional_button_device = conditional_button_device{}
    @editable Granter9 : item_granter_device = item_granter_device{}

    @editable Condit10 : conditional_button_device = conditional_button_device{}
    @editable Granter10 : item_granter_device = item_granter_device{}

    @editable Condit11 : conditional_button_device = conditional_button_device{}
    @editable InstaHealthTrigger : trigger_device = trigger_device{}

    @editable Condit12 : conditional_button_device = conditional_button_device{}
    @editable InstaShieldTrigger : trigger_device = trigger_device{}

    @editable Condit13 : conditional_button_device = conditional_button_device{}
    @editable Granter13 : item_granter_device = item_granter_device{}

    @editable HudBackground : hud_message_device = hud_message_device{}

    OnBegin<override>()<suspends>:void=
        InputTrigger.PressedEvent.Subscribe(OpenShop)

    OpenShop(Agent:agent):void=
        if(Player := player[Agent]):
            if(PlayerUI := GetPlayerUI[Player]):
                NewShop : Shop = Shop{
                    Condit1:=Condit1
                    Granter1:=Granter1

                    Condit2:=Condit2
                    Granter2:=Granter2

                    Condit3:=Condit3
                    Granter3:=Granter3

                    Condit4:=Condit4
                    Granter4:=Granter4

                    Condit5:=Condit5
                    Granter5:=Granter5

                    Condit6:=Condit6
                    Granter6:=Granter6

                    Condit7:=Condit7
                    Granter7:=Granter7

                    Condit8:=Condit8
                    Granter8:=Granter8

                    Condit9:=Condit9
                    Granter9:=Granter9

                    Condit10:=Condit10
                    Granter10:=Granter10

                    Condit11:=Condit11
                    InstaHealthTrigger:=InstaHealthTrigger

                    Condit12:=Condit12
                    InstaShieldTrigger:=InstaShieldTrigger


                    HudBackground := HudBackground


                
                }
                PlayerUI.AddWidget(NewShop.GetShopUI(), player_ui_slot{InputMode := ui_input_mode.All})
        
1 Like

Could you be more specific? in your GetShopUI() function I only see you adding Button Widgets to it (Specifically Button1-13) where is the widget blueprint you’re reffering to?

I need this with the Blueprint Widget rioght? how to implement the blueprinbt widget in the ShopUI Code


this is the widget

is this right?

var shopWidget : UI.shopWidget = UI.shopWidget{}

ShopCanvas.AddWidget(canvas_slot:
            
            Widget:=shopWidget
            Anchors:=anchors{Minimum:= vector2{X:= 0.0,Y:=0.0},Maximum:=vector2{X:= 0.0,Y:=0.0}}
            Offsets:=margin{Left:=0.0,Top:=0.0,Right:=0.0,Bottom:=0.0}
            Alignment:=vector2{X:= 0.0,Y:=0.0}
            SizeToContent:=false
            ZOrder:=1

        )

Hmmm you could try creating an overlay one with one slot having your images etc without buttons and the other slot containing the button placements Im not sure, refferencing custom widget assets was relatively new but you should be able to import them without the buttons

I got it fixed thanks. I have the problem when people play with a different resolution e.g. Streched the buttons are not in the right place.

I got it tix evertihing Thx for Helping me

1 Like

No problem glad it got solved have a good day

1 Like

is have a other Problem with code error if you have time i have a new post