https://netsuiteprofessionals.com logo
Join Slack
Powered by
On a custom form I created a custom field with a c...
# general
j
On a custom form I created a custom field with a color coded answer key for Purchase Order Status. I want to have the answer key along the bottom of the 4 fields (Yeloow line) instead of jammed to the right on 2 lines. Is that possible?
t
Column break after Front Seat PO?
j
When I do that it still is 2 lines instead of just 1
Was wanting to center it along the 4 fields right below them
d
try adding a new field group underneath with the title turned off. move the answer-key field into that field group. that might work
AFAIK you won't be able to achieve this with the field in the same field group
j
I tried that but it still cuts off and goes to a second line. Might not be possible
t
NEVER GIVE UP JOE.
d
OH OH OH! WATCH THIS SPACE
t
IF ANYONE CAN DO IT YOU CAN
d
okay, proof of concept with a subtab editing the DOM, but should work with a custom inline field in a field group
wrap your inline field's content in something like this:
Copy code
<span style="
    width: 80vw;
    position: absolute;
    right: 10vw;
">
🙌 1
oh, and the inline field goes after the first field
j
Oh sweet! I will try that and let you know. Thank you a bunch!
t
never give up joe.
d
Untitled.txt
Untitled.txt
j
HTML isn’t my strong suit :)
<pre><span style="color:#27ae60;font-size:10px;"><strong>Green-Received</strong></span><span style="font-size:10px;"><strong>|</strong></span><span style="color:#8e44ad;font-size:10px;"><strong>Purple-Partially Rcvd|</strong></span><span style="color:#f1c40f;font-size:10px;"><strong>Yellow-Shipped</strong></span><span style="color:rgb(0,0,0);font-size:10px;"><strong>|</strong></span><span style="color:#e74c3c;font-size:10px;"><strong>Red-Waiting</strong></span><span style="color:rgb(0, 0, 0);font-size:10px;"><strong>|</strong></span><span style="font-size:10px;"><strong>Black-PO Not Linked</strong></span></pre>
THis is what I currently have
When you say wrap it how do i do that
d
just tested myself, the css needs some tweaking

https://tenor.com/vkBW.gif▾

j
Haha
d
j
That looks perfect!
✅ 1
d
I don't like that with 
<pre>
tags I have to remove newlines and spaces, but the output is niiiiiice *have added html comments (
<!-- -->
) so that I can add line breaks
Untitled.html
IMO you should remove the font-size and also the names of the colours, but that's just me
j
It sure is! Thank you very much
d
oh, and I got the column breaks wrong, the column breaks go on every field after the inline html field
j
Ok that part makes sense
d
Untitled
Untitled
j
👏🏾
Awesome stuff!
😁 1
d
oh yeah, i forgot to remove the superfluous 
<strong>
tags. Have *now edited the above text snippet
👍 1
j
That worked perfectly!
Last question! Is there any way to give a little white space above and below the inline html?
🕵️ 1
No big deal if not
I was able to add space before via the custom form setting
d
add one or two 
<br>
tags before the 
<pre>
and then change the css 
translateX(-50%)
to 
translate(-50%, -10pt)
(play around with the Y translate value)
j
Perfect
👍 1
d
you need the 
<br>
tags to increase the height of the parent 
<span>
, otherwise the translate will make it overlap the fields above
j
Haha that’s exactly what it was doing when I was trying it on my own
Thank you again
👍 1
d
no worries, that was a fun exercise
🙂 1
j
Any recommendations on learning coding like this online? Maybe some types of courses or something. I’m the operations manager at my company, but our internal NetSuite team is on autopilot and I want to continue to make improvements even if I have to do the work myself.
I can do workflows, searches, etc without issue. When it comes to html and scripting I’m a bit lost.
d
I'm not a good source of knowledge when it comes to training/learning materials, best to ask/look at existing questions in #C298P0BCK and #C2NCV5S9J
j
Understood
Open in Slack
PreviousNext
Powered by