How can I round corners in a gadget?

Just starting out? Need help? Post your questions and find answers here.
Stefan
Posts: 160
Joined: Mon Feb 05, 2018 9:44 pm

How can I round corners in a gadget?

Post by Stefan »

How can I round corners in a gadget?
Dirk Geppert
Posts: 282
Joined: Fri Sep 22, 2017 7:02 am

Re: How can I round corners in a gadget?

Post by Dirk Geppert »

I only found a way to style the inner button area:

Code: Select all

  ! $(v_gid.div).find(".dijitButtonContents").css("border-radius", "8px");

Code: Select all

 Procedure SetGadgetColorEx(Gadget, ColorType, Color)
 
  Protected GID = GadgetID(Gadget)
 
  Select GadgetType(Gadget)
     
    Case #PB_GadgetType_Button
     
      Select ColorType
         
        Case #PB_Gadget_FrontColor
          ! $(v_gid.div).find(".dijitButtonText").css("color", spider_helper_ColorToHtml(v_color));
         
        Case #PB_Gadget_BackColor
          ! $(v_gid.div).find(".dijitButtonContents").css("background-color", spider_helper_ColorToHtml(v_color));
         
      EndSelect
     
    Default
     
      Debug "Unsupported GadgetType"
     
  EndSelect
  
  ! $(v_gid.div).find(".dijitButtonContents").css("border-radius", "8px");
EndProcedure

#myWindow = 0
#myButton = 0
#myFont   = 0

OpenWindow(#myWindow, 0, 0, 222, 200, "ButtonGadgets", #PB_Window_SystemMenu | #PB_Window_ScreenCentered)
ButtonGadget(#myButton, 10, 10, 200, 40, "Standard Button")
LoadFont(#myFont, "Arial", 24)
SetGadgetFont(#myButton, FontID(#myFont))
SetGadgetColorEx(#myButton, #PB_Gadget_BackColor, #Gray)
SetGadgetColorEx(#myButton, #PB_Gadget_FrontColor, #Green)
Post Reply