Skip to Main Content

DevOps, CI/CD and Automation

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

How to align anchor within a form layout

Sarah JustinaMay 23 2018 — edited May 24 2018

Hi JET Experts,

I have a form layout where I would like to show a link to open a popup. I have used the anchor tag for a link but the alignment is not right. Can you please help?

Alignment.png

This is my HTML code:

<div class="oj-form-layout">

                \<div class="oj-form oj-sm-odd-cols-12 oj-md-odd-cols-5 oj-md-labels-inline">

                    \<div class="oj-flex">

                        \<div class="oj-flex-item">

                            \<oj-label for="i1">Division Code\</oj-label>

                        \</div>

                        \<div class="oj-flex-item">

                           \<oj-input-text id="i1" value="\[\[divisionCode\]\]" readonly>\</oj-input-text>

                        \</div>

                    \</div>

                    \<div class="oj-flex">

                        \<div class="oj-flex-item">

                            \<oj-label for="i2">Division Name\</oj-label>

                        \</div>

                        \<div class="oj-flex-item">

                       \<a id="i2" href="" data-bind="text: divisionName, click: function(data, event){someFuncCall}">\</a>

                        \</div>

                    \</div>

                    \<div class="oj-flex">

                        \<div class="oj-flex-item">

                            \<oj-label for="i3">Active\</oj-label>

                        \</div>

                        \<div class="oj-flex-item">

                            \<oj-switch id="i3" value="{{active}}" label-hint="Active" disabled="true">\</oj-switch>

                        \</div>

                    \</div>

                \</div>

</div>

Is there an alternative in JET that we need to use instead of the <a> tag?

Also, can you suggest what would be the best way to show a Yes/No field in readonly form? I have used a disabled switch for now.

Regards,
Sarah

This post has been answered by Andrew Bennett on May 23 2018
Jump to Answer
Comments
Post Details
Added on May 23 2018
4 comments
238 views