How can I round corners in a gadget?
How can I round corners in a gadget?
How can I round corners in a gadget?
-
- Posts: 284
- Joined: Fri Sep 22, 2017 7:02 am
Re: How can I round corners in a gadget?
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)