![]() If ColXl > 0 then classesToAdd.Append("col-xl-"+ColXl.ToString)įor each classToAdd as string in classesToAddĭim js as string = "document.getElementById('"+control.ControlId+"').classList. If ColLg > 0 then classesToAdd.Append("col-lg-"+ColLg.ToString) If ColMd > 0 then classesToAdd.Append("col-md-"+ColMd.ToString) If ColSm > 0 then classesToAdd.Append("col-sm-"+ColSm.ToString) I plan to use the resizable property of Floating Pane for the child i.e dialog. So I try to use Floating pane and then add the dialog as child. Dialog as such has no property to resize it. If ColXs > 0 then classesToAdd.Append("col-"+ColXs.ToString) 1 In dojo I intend to use my dialog box resizable by dragging the mouse over the rightmost corner edge. If ColXl = 0 then classesToAdd.Append("d-xl-none") else classesToAdd.Append("d-xl-block") If ColLg = 0 then classesToAdd.Append("d-lg-none") else classesToAdd.Append("d-lg-block") If ColMd = 0 then classesToAdd.Append("d-md-none") else classesToAdd.Append("d-md-block") If ColSm = 0 then classesToAdd.Append("d-sm-none") else classesToAdd.Append("d-sm-block") ![]() ![]() If ColXs = 0 then classesToAdd.Append("d-none") else classesToAdd.Append("d-block") If colxs = 0 or colsm = 0 or colmd = 0 or collg = 0 or colxl = 0 then //If Any Hidden Here’s the helper method you can add on a Module: Public Sub AddResponsiveLayout(extends control as WebUIControl, ColXS as integer = -1, ColSm as integer = -1, ColMd as integer = -1, ColLg as integer = -1, ColXl as integer = -1) Use this if you want your controls to stretch to fill up the space evenly. In the open event you can do something like this: LayoutType = LayoutTypes.FlexĬc.EmbedWithin(self, self.Width, cc.Height)Ĭc.AddResponsiveLayout(12,6,4,3,2) //Optional if you want to specify columnsĪddResponsiveLayout is a custom method I built so you can specify the columns for XS,Small,Medium,Large, and XL screens based on a 12 column system. Use the Flex layout for the WebContainer: 61536 - WebUIControl: Changing location is undone by visibility or contents change.There are some issues with moving controls, however, bugs which we hope to see fixed soon? Picture3.top = picture1.top + picture1.height + 32 Picture2.left = picture1.left + picture1.width + 32 Picture2.top = picture1.top + picture1.height + 32 You can do it the hard way, by adding code to WebPage.Resized, like this: Web.Resized
0 Comments
Leave a Reply. |