How to offset the Y position of every second column in a Grid Control

» chash » How to offset the Y position of every second column in a Grid Control

By : user3038256

Date : November 24 2020, 05:49 AM

this one helps. Make the grid rows only half the height, meaning double the rows: The use Grid.Row and Grid.Rowspan to create your layout. Just span every item over two rows and start every second column at Grid.Row = "1"

code :

Share :

How to offset the position of the cursor in an edit control?

By : Fumio Tokutake

Date : March 29 2020, 07:55 AM

wish help you to fix your issue If you are using more recent version of Delphi, there should already be a TButtonedEdit Control and can do your work.
If not, I think you can send a EM_SETMARGINS message to your TCustomEdit to set the left and right margin.

code :

SendMessage(CustomEdit.Handle, EM_SETMARGINS, EC_LEFTMARGIN or EC_RIGHTMARGIN, MakeLong(LeftMargin, RightMargin));

Column top offset in css grid

By : Psykoral

Date : March 29 2020, 07:55 AM

I hope this helps . You can use top: 20px for the even child element. (Remember to set position: relative to child element)

code :

.parent {
  background-color: #ddd;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  padding-bottom: 20px;
}

.child {
  background-color: #aaa;
  padding: 15px;
}

.child:nth-of-type(even) {
  top: 20px;
  position: relative;
}

<div class="parent">
  <div class="child">
    <h1>title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum provident adipisci, voluptates aliquam corporis magnam. Dolor aliquam reprehenderit molestiae in quam quae adipisci vel culpa quibusdam, iure expedita nam doloribus?</p>
  </div>
  <div class="child">
    <h1>title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum provident adipisci, voluptates aliquam corporis magnam. Dolor aliquam reprehenderit molestiae in quam quae adipisci vel culpa quibusdam, iure expedita nam doloribus?</p>
  </div>
  <div class="child">
    <h1>title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum provident adipisci, </p>
  </div>
  <div class="child">
    <h1>title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum provident adipisci, voluptates aliquam corporis magnam. Dolor aliquam reprehenderit molestiae in quam quae adipisci vel culpa quibusdam, iure expedita nam doloribus? in quam quae adipisci
      vel culpa quibusdam, iure expedita nam doloribus? in quam quae adipisci vel culpa quibusdam, iure expedita nam doloribus?</p>
  </div>
  <div class="child">
    <h1>title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum provident adipisci, voluptates aliquam corporis magnam. Dolor aliquam reprehenderit molestiae in quam quae adipisci vel culpa quibusdam, iure expedita nam doloribus?</p>
  </div>
  <div class="child">
    <h1>title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum provident adipisci, voluptates aliquam corporis magnam. Dolor aliquam reprehenderit molestiae in quam quae adipisci vel culpa quibusdam, iure expedita nam doloribus?</p>
  </div>
</div>

Control position offset in C# WinForms?

By : user1755217

Date : March 29 2020, 07:55 AM

hope this fix your issue Is there a way in C# WinForms (or Win32 API) to offset the origin {0,0} coordinate for child controls of a form without adding a control as a parent and without extending the window border? , There is no API to do this. Instead use this:

code :

private void SetChildOffset(int offset) {
    //get all immediate children of form
    var children = this.Controls.OfType<Control>();

    foreach( Control child in children ) {

        child.Location = new Point( child.Location.X + offset, child.Location.Y + offset );

    }

}

How to position an "overlay rectangle" on a HTML CSS Grid, but offset horizontally from column boundaries? (pe

By : user1969371

Date : March 29 2020, 07:55 AM

wish of those help How to position an "overlay rectangle" on a HTML CSS Grid, but offset horizontally from column boundaries? (per my image) , You can consider a pseudo element like below:

code :

.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.box {
  border-radius: 5px;
  border: 1px solid brown;
  font-size: 150%;
  height: 120px;
}
.overlay {
  position:relative;
}
.overlay:before {
  content:"overlay";
  position:absolute;
  left:20%;
  right:-50%;
  top:30px;
  bottom:30px;
  background:blue;
}

<div class="wrapper">
  <div class="box">Item 1</div>
  <div class="box">Item 2</div>
  <div class="box">Item 3</div>
  <div class="box">Item 4</div>
  <div class="box overlay">Item 5</div>
  <div class="box">Item 6</div>
  <div class="box">Item 7</div>
  <div class="box">Item 8</div>
  <div class="box">Item 9</div>
</div>

.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  
  position:relative;
}
.box {
  border-radius: 5px;
  border: 1px solid brown;
  font-size: 150%;
  height: 120px;
}
.overlay {
  position:absolute;
  left:calc(33% + 0.2 * 33%);
  right:calc(0.5 * 33%);
  top:calc(33% + 30px);
  height:80px;
  background:blue;
}

<div class="wrapper">
  <div class="box">Item 1</div>
  <div class="box">Item 2</div>
  <div class="box">Item 3</div>
  <div class="box">Item 4</div>
  <div class="box">Item 5</div>
  <div class="box">Item 6</div>
  <div class="box">Item 7</div>
  <div class="box">Item 8</div>
  <div class="box">Item 9</div>
  
  
  <div class="overlay">oevrlay</div>
</div>