Watch, Follow, &
Connect with Us

Please visit our new home
community.embarcadero.com.


Welcome, Guest
Guest Settings
Help

Thread: viewport responsive template



Permlink Replies: 2 - Last Post: Nov 15, 2016 10:46 AM Last Post By: Jose Nilton Pace
quinn anderson

Posts: 22
Registered: 8/9/08
viewport responsive template
Click to report abuse...   Click to reply to this thread Reply
  Posted: Nov 14, 2016 4:32 AM
Hi, have any of you worked with responsive design and IW? I understabnd the concept but have yet to get it working with IW. any help and guidance would be very appreciated. And perhaps a simple template including a 2 colum and 2 row table to get me started.Regardr Quinn
Eitan Arbel

Posts: 420
Registered: 2/24/13
Re: viewport responsive template
Click to report abuse...   Click to reply to this thread Reply
  Posted: Nov 14, 2016 5:23 AM   in response to: quinn anderson in response to: quinn anderson
Hi Quinn

the "responsive design" i know is by using JQuery Mobile.
here is an excellent video made by Alister Christie :
https://www.youtube.com/watch?v=75DnldrcJNU

there is also the Bootstrap free package.
it's a great package, but it will make you redesign your forms using its components
https://forums.embarcadero.com/thread.jspa?messageID=829087&#829087

also, there are the ResponsiveList components made by CGDevTools and TMS.
but honestly, i never got to make them work properly...
Jose Nilton Pace

Posts: 68
Registered: 5/15/98
Re: viewport responsive template
Click to report abuse...   Click to reply to this thread Reply
  Posted: Nov 15, 2016 10:46 AM   in response to: Eitan Arbel in response to: Eitan Arbel
Quinn, i´m using Bootstrap in pure IW, The technique is the same in the vídeo for jquery. I´m NOT using any other components.
Example in Delphi:
IWEdit_Busca.Css := 'form-control';
IWButton_Busca.Css := '';
IWDBGrid.Css := 'table table-striped table-condensed';


Example in HTML:
<div class="form-group">
   <div class="input-group">
     {%IWEdit_Busca%}
     <span class="input-group-btn">
      <button class="btn btn-info" id="IWBUTTON_BUSCA" type="button"><i class="fa fa-search fa-fw" aria-hidden="true"></i></button>
    </span>
  </div>
</div>


NOTE:
in case of Button i'm not putting any CSS. I'm using id=
Legend
Helpful Answer (5 pts)
Correct Answer (10 pts)

Server Response from: ETNAJIVE02