SpiderBasic

Posted: **Sat Mar 17, 2018 7:22 am**

How can I round corners in a gadget?

Posted: **Mon Mar 19, 2018 8:12 am**

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

  ! $(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)

SpiderBasic

How can I round corners in a gadget?

How can I round corners in a gadget?

Re: How can I round corners in a gadget?