<ul dir="auto">
<li>[x ] I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and this could be a duplicate of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="88153706" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/841" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/841/hovercard" href="https://github.com/mui/material-ui/issues/841">#841</a>.</li>
</ul>
<h2 dir="auto">Current Behavior</h2>
<h2 dir="auto">Expected Behavior</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
              &lt;Dialog
                        title='Make transaction'
                        modal={false}
                        open={this.state.open}
                        onRequestClose={this.handleClose}
                        actions={&lt;RemoteSubmitButton handleClose={this.handleClose}/&gt;}
                        contentStyle={{width: '95%', maxWidth: '1400px'}}
                        bodyStyle={{maxHeight: '250px', overflowY: 'auto'}}
                        style={{marginTop: '-200px', paddingTop: '100px'}}&gt;
                        
                        &lt;div /&gt;
                        
                &lt;/Dialog&gt;"><pre class="notranslate"><code class="notranslate">
              &lt;Dialog
                        title='Make transaction'
                        modal={false}
                        open={this.state.open}
                        onRequestClose={this.handleClose}
                        actions={&lt;RemoteSubmitButton handleClose={this.handleClose}/&gt;}
                        contentStyle={{width: '95%', maxWidth: '1400px'}}
                        bodyStyle={{maxHeight: '250px', overflowY: 'auto'}}
                        style={{marginTop: '-200px', paddingTop: '100px'}}&gt;
                        
                        &lt;div /&gt;
                        
                &lt;/Dialog&gt;
</code></pre></div>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/19698636/33091704-317c565a-cef8-11e7-8921-7dc0cd79bac6.png"><img src="https://user-images.githubusercontent.com/19698636/33091704-317c565a-cef8-11e7-8921-7dc0cd79bac6.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">With style attribute of Dialog I want to set the style of the root element.<br>
The marginTop attribute is set but paddingTop is not, instead internal paddingTop is used and cannot be overriden with style={{}}.<br>
I should be able to override the styles of dialog.</p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v0.19.4</td>
</tr>
</tbody>
</table>
<p dir="auto">Hi Everyone,</p>
<p dir="auto">I am using horizontal stepper from material UI and integrated in my react app. In all steps i am having different forms and submit button, i need to trigger next button event on form submit button click.<br>
I tried various options but unable to duplicate next event on form submit button.</p>
<p dir="auto">Example:-</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="In step 1:
&lt;form&gt;
&lt;input type=text&gt;
.
.
.
&lt;button&gt;submit&lt;/button&gt;
&lt;/form&gt;"><pre class="notranslate"><code class="notranslate">In step 1:
&lt;form&gt;
&lt;input type=text&gt;
.
.
.
&lt;button&gt;submit&lt;/button&gt;
&lt;/form&gt;
</code></pre></div>
<p dir="auto">Same type of form in all steps.<br>
(Stepper next button is outside form)</p>
<p dir="auto">Can anyone help me to resolve the issue ?</p>
<p dir="auto">Many Thanks in advance..</p>
<p dir="auto">Regards,<br>
Brajesh</p>