Muhammad Idris Posted September 27, 2022 Share Posted September 27, 2022 how to make unifield layout responsive Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 27, 2022 Share Posted September 27, 2022 A simple testcase? Quote Link to comment Share on other sites More sharing options...
Muhammad Idris Posted September 27, 2022 Author Share Posted September 27, 2022 this is an example Layout_Fields.zip Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted September 27, 2022 Share Posted September 27, 2022 1 hour ago, Muhammad Idris said: how to make unifield layout responsive Muhammed, Try this: http://forums.unigui.com/index.php?/topic/13475-one-page-back-one-page-forward/&do=findComment&comment=72262 Quote Link to comment Share on other sites More sharing options...
Stemon63 Posted September 28, 2022 Share Posted September 28, 2022 Hi Sherzod, i need the same unifield responsive layout and can't find anything related in your link. Please give us precise details about it! Thanks in advance! Quote Link to comment Share on other sites More sharing options...
zilav Posted September 28, 2022 Share Posted September 28, 2022 i see only one way right now - radcore extension library and one more advice - no modal forms on mobile, use pagecontrol - first page contain grid, second page contain row editor, tabs invisible Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted September 29, 2022 Share Posted September 29, 2022 16 hours ago, Stemon63 said: Hi Sherzod, i need the same unifield responsive layout and can't find anything related in your link. Please give us precise details about it! Thanks in advance! Try this example Responsive layout That what i sent you in Layout_Exemple.7z http://forums.unigui.com/index.php?/topic/7848-layout-advanced-tutorial/&do=findComment&comment=48504 It's for Mobile, but you can use the same logic on Desktop. Responsive.7z 1 Quote Link to comment Share on other sites More sharing options...
Stemon63 Posted September 29, 2022 Share Posted September 29, 2022 Hi Abaksoft, thank you for help. But I need exactly what Muhammad ask in its first two images. Thanks a lot! Quote Link to comment Share on other sites More sharing options...
Muhammad Idris Posted September 29, 2022 Author Share Posted September 29, 2022 1 hour ago, Stemon63 said: Hi Abaksoft, thank you for help. But I need exactly what Muhammad ask in its first two images. Thanks a lot! yes that's right thank you Stemon63 Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted September 30, 2022 Share Posted September 30, 2022 22 hours ago, Muhammad Idris said: yes that's right thank you Stemon63 Dears, ============= Responsive : ============= There is no thing to do. Only this : - ServerModule > MainFormDisplayMode : mfPage - MainForm > AlignmentControl : uniAlignmentClient > Layout : Column Try this ... Technique2.7z 1 Quote Link to comment Share on other sites More sharing options...
picyka Posted September 30, 2022 Share Posted September 30, 2022 Há 1 hora, Abaksoft disse: Queridos ============= Responsivo ================= Não há nada a fazer. Somente isso : - ServerModule > MainFormDisplayMode : mfPage - MainForm > AlignmentControl : uniAlignmentClient > Layout : Coluna Tente isso... Técnica2.7z 86,29 kB · 1 download Very cool, I tried to put more controls, could you help me? Technique2.zip Quote Link to comment Share on other sites More sharing options...
Muhammad Idris Posted September 30, 2022 Author Share Posted September 30, 2022 4 hours ago, Abaksoft said: Dears, ============= Responsive : ============= There is no thing to do. Only this : - ServerModule > MainFormDisplayMode : mfPage - MainForm > AlignmentControl : uniAlignmentClient > Layout : Column Try this ... Technique2.7z 86.29 kB · 2 downloads but this still doesn't look the same between the other components Quote Link to comment Share on other sites More sharing options...
rencarnacion Posted September 30, 2022 Share Posted September 30, 2022 Adjust de Anchors left and aLeft and aRight Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted September 30, 2022 Share Posted September 30, 2022 2 hours ago, Muhammad Idris said: but this still doesn't look the same between the other components Ok. You have to add an other Layout logic under containers. I will try to do it tomorrow ان شاء الله Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted September 30, 2022 Share Posted September 30, 2022 6 hours ago, picyka said: Very cool, I tried to put more controls, could you help me? Technique2.zip 104.6 kB · 0 downloads Hello Picyka I will try tomorrow... 1 Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted October 2, 2022 Share Posted October 2, 2022 On 9/30/2022 at 12:07 PM, picyka said: Very cool, I tried to put more controls, could you help me? Technique2.zip 104.6 kB · 1 download Thx to @albertovesx http://forums.unigui.com/index.php?/topic/12454-responsive-design-question-placing-tunipanels/&do=findComment&comment=66305 Can you try this : -ServerModule MainFormDisplayMode: mfPage - MainForm AlignmentControl : uniAlignmentClient Layout : Border - contTop AutoScroll : True Layout : column Flex : 1 Region : north - contCenter AutoScroll : True Layout : fit Flex : 2 Region : center - UniTabSheet1 AutoScroll : True - contBottom AutoScroll : True Layout : fit Flex : 1 Region : south Technique2.1.7z Technique2.2.7z Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted October 2, 2022 Share Posted October 2, 2022 On 9/30/2022 at 3:48 PM, Muhammad Idris said: but this still doesn't look the same between the other components Hello Muhammad, Sorry, I couldn't find a way. But if you do this setting : - MainForm : Layout : vbox - UniContainer1,2,3 : LayoutConfig > Width : 100% - UniEdit1 and UniComboBoxe1 and UniDataPicker1 LayoutConfig > Width : 100% You will get what you want (Fig 1). The idea is to put somme code like this : function window.beforeInit(sender, config) { if (width < 600) { sender.setLayout({type: "vbox"}); } else { sender.setLayout({type: "column"}); } sender.updateLayout(); } But not work. Maybe Our Friend Sherzod can help Quote Link to comment Share on other sites More sharing options...
picyka Posted October 3, 2022 Share Posted October 3, 2022 21 hours ago, Abaksoft said: Thx to @albertovesx http://forums.unigui.com/index.php?/topic/12454-responsive-design-question-placing-tunipanels/&do=findComment&comment=66305 Can you try this : -ServerModule MainFormDisplayMode: mfPage - MainForm AlignmentControl : uniAlignmentClient Layout : Border - contTop AutoScroll : True Layout : column Flex : 1 Region : north - contCenter AutoScroll : True Layout : fit Flex : 2 Region : center - UniTabSheet1 AutoScroll : True - contBottom AutoScroll : True Layout : fit Flex : 1 Region : south Técnica2.1.7zBuscando informações... Técnica2.2.7zBuscando informações... Good morning, thank you for your availability, the result is nice, the only thing that could be better (I think) would be the issue of the superir container not generating a scrollbar, but being the ideal size Quote Link to comment Share on other sites More sharing options...
Muhammad Idris Posted November 6, 2022 Author Share Posted November 6, 2022 On 10/3/2022 at 6:18 PM, picyka said: Good morning, thank you for your availability, the result is nice, the only thing that could be better (I think) would be the issue of the superir container not generating a scrollbar, but being the ideal size the display still can't be responsive. how in unigui it can look like responsive bootstrap or AdminLTE. thanks Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted November 7, 2022 Share Posted November 7, 2022 Hi Muhammed, You are trying to develope a mobile design with a Desktop unigui edition. This is not a a good way. The mobile edition do all you are looking for. Just put some vbox panel on your mobile forms. Regards. Quote Link to comment Share on other sites More sharing options...
Muhammad Idris Posted November 7, 2022 Author Share Posted November 7, 2022 but for applications that are based on the web, they should be able to support a responsive display for all devices, such as the bootstrap framework or AdminLTE Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.