<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <body text="#000000" bgcolor="#FFFFFF">
    <p>Hello,</p>
    <p>The<tt> </tt><tt>sfdc.css</tt> file is associated in the DITA
      Map framework, right? If you put it last in the list of associated
      CSSs then it should override the <tt>content</tt> property just
      as expected. Please check if that's indeed true. <br>
    </p>
    <p>Anyway, it might also help to add an <b>!important</b> flag
      (although using the right order is more desirable):<br>
    </p>
    <p>*[class~='topic/data'][name]:before {<br>
          content : " " <b>!important</b>;<br>
      }</p>
    <pre class="moz-signature" cols="72">Best regards,
Alex
-- 
Alex Jitianu
<oXygen/>  XML Editor, Schema Editor and XSLT Editor/Debugger
<a class="moz-txt-link-freetext" href="http://www.oxygenxml.com">http://www.oxygenxml.com</a> </pre>
    <div class="moz-cite-prefix">On 9/10/2018 5:54 PM, Steven Anderson
      wrote:<br>
    </div>
    <blockquote type="cite"
cite="mid:CA+_fDk7TZ-7aGWyxVHf1_fFeLJ-BOxWWY9rNzr-F=2Cg6i4E0Q@mail.gmail.com">
      <meta http-equiv="content-type" content="text/html; charset=utf-8">
      <div dir="ltr">
        <div dir="ltr">
          <div dir="ltr">Thanks for the tips.  I did find one problem
            that I'm trying to figure out a low impact solution for.  In
            the CSS Inspector I see:
            <div><br>
            </div>
            <div>
              <div>-topic-specialization.css:40</div>
              <div>*[class~='topic/data'][name]:before {</div>
              <div>-oxy-append-content : oxy_textfield(edit , "@name" ,
                columns , 10) ;</div>
              <div>}</div>
            </div>
            <div>
              <div>sfdc.css:11</div>
              <div>*[class~='topic/data'][name]:before {</div>
              <div>content : " " ;</div>
              <div>}</div>
            </div>
            <div><br>
            </div>
            <div>I'm setting the content to a zero length string, but
              the oxy-append adds to that zero space string. How do I
              force the author to ignore the append-content
              instruction?  I'd like to avoid having to modify
              topic-specializaton.css.</div>
            <div><br>
            </div>
            <div>     - Steve</div>
            <div><br>
            </div>
          </div>
        </div>
      </div>
      <div class="gmail_extra"><br>
        <div class="gmail_quote">On Fri, Sep 7, 2018 at 6:45 AM, Alex
          Jitianu <span dir="ltr"><<a
              href="mailto:alex_jitianu@sync.ro" target="_blank"
              moz-do-not-send="true">alex_jitianu@sync.ro</a>></span>
          wrote:<br>
          <blockquote class="gmail_quote" style="margin:0 0 0
            .8ex;border-left:1px #ccc solid;padding-left:1ex">
            <div text="#000000" bgcolor="#FFFFFF">
              <p>Hello,</p>
              <p><span class=""> </span></p>
              <blockquote type="cite">Same issue for the value field; if
                I want to hide it, how can I hide it?</blockquote>
              I almost missed this part. In the same way, by using the
              CSS Inspector, you can identify the offending rules and
              write your own rules to override them. For your needs, it
              might be easier to keep your rule on the <tt>:after</tt>
              (like you did) and just reset everything the other rules
              are contributing on the <tt>:before</tt> :
              <p><span class=""><tt><br>
                  </tt><tt>map > topicmeta > data-about >
                    data[name="icon_url"]:after {</tt><tt><br>
                  </tt><tt>     content: "Pick a local icon or a remote
                    URL for the icon:"</tt><tt><br>
                  </tt><tt>        oxy_urlChooser(        </tt><tt><br>
                  </tt><tt>        edit, "@href",</tt><tt><br>
                  </tt><tt>        columns 50);</tt><tt><br>
                  </tt><tt>}       </tt><tt><br>
                  </tt><tt><br>
                  </tt><tt><br>
                  </tt></span><tt> map > topicmeta > data-about
                  > *[class~='topic/data']:before {</tt><tt><br>
                </tt><tt> content : " "  ;</tt><tt><br>
                </tt><tt>}</tt><br>
                <br>
                <br>
              </p>
              <span class="">
                <pre class="m_-4155235496442518543moz-signature" cols="72">Best regards,
Alex
-- 
Alex Jitianu
<oXygen/>  XML Editor, Schema Editor and XSLT Editor/Debugger
<a class="m_-4155235496442518543moz-txt-link-freetext" href="http://www.oxygenxml.com" target="_blank" moz-do-not-send="true">http://www.oxygenxml.com</a> </pre>
              </span>
              <div>
                <div class="h5">
                  <div class="m_-4155235496442518543moz-cite-prefix">On
                    9/7/2018 4:26 PM, Alex Jitianu wrote:<br>
                  </div>
                  <blockquote type="cite">
                    <p>Hello,</p>
                    <p>You are still seeing the other form control
                      because that one is added on a :<tt>before</tt>
                      pseudo element while yours is added on an <tt>:after</tt>
                      . <br>
                    </p>
                    <p>You should change the rule to override the<tt>
                        :before</tt> element like this:<br>
                    </p>
                    <p><br>
                      <tt>map > topicmeta > data-about >
                        data[name="icon_url"]:</tt><tt><b>before </b></tt><tt>{</tt><tt><br>
                      </tt><tt>     content: "Pick a local icon or a
                        remote URL for the icon:"</tt><tt><br>
                      </tt><tt>        oxy_urlChooser(        </tt><tt><br>
                      </tt><tt>        edit, "@href",</tt><tt><br>
                      </tt><tt>        columns 50);</tt><tt><br>
                      </tt><tt>}</tt><tt><br>
                      </tt></p>
                    <p>The CSS Inspector view [1] is quite useful to
                      debug such situations.<br>
                    </p>
                    <p>[1] <a
                        class="m_-4155235496442518543moz-txt-link-freetext"
href="https://www.oxygenxml.com/doc/versions/20.1/ug-editor/topics/author-css-inspector-view.html"
                        target="_blank" moz-do-not-send="true">https://www.oxygenxml.com/doc/<wbr>versions/20.1/ug-editor/<wbr>topics/author-css-inspector-<wbr>view.html</a><br>
                    </p>
                    <pre class="m_-4155235496442518543moz-signature" cols="72">Best regards,
Alex
-- 
Alex Jitianu
<oXygen/>  XML Editor, Schema Editor and XSLT Editor/Debugger
<a class="m_-4155235496442518543moz-txt-link-freetext" href="http://www.oxygenxml.com" target="_blank" moz-do-not-send="true">http://www.oxygenxml.com</a> </pre>
                    <div class="m_-4155235496442518543moz-cite-prefix">On
                      9/7/2018 12:57 AM, Steven Anderson wrote:<br>
                    </div>
                    <blockquote type="cite">
                      <div dir="ltr">
                        <div dir="ltr">
                          <div dir="ltr">In my DITA topic I have the
                            following:
                            <div><br>
                            </div>
                            <div>
                              <div><map <a
                                  class="m_-4155235496442518543moz-txt-link-freetext"
                                  moz-do-not-send="true">xml:lang=</a>"en-us"
                                linking="none"></div>
                              <div> <title>Title</title></div>
                              <div> <topicmeta></div>
                              <div>  <shortdesc>shortdesc</<wbr>shortdesc></div>
                              <div>  <data-about></div>
                              <div>   <data name="icon_url" href="<a
class="m_-4155235496442518543moz-txt-link-freetext"
                                  moz-do-not-send="true">http://</a><some_path>"/></div>
                            </div>
                            <div><br>
                            </div>
                            <div>In author view, by default, I see a
                              form field for the name.  I'd like to
                              override that using CSS.<br>
                              <br>
                              I figured out how to do <br>
                              <br>
                              <div>map > topicmeta > data-about
                                > data[name="icon_url"]:after {</div>
                              <div>     content: "Pick a local icon or a
                                remote URL for the icon:"</div>
                              <div>        oxy_urlChooser(        </div>
                              <div>        edit, "@href",</div>
                              <div>        columns 50);</div>
                              <div>}       </div>
                            </div>
                            <div><br>
                            </div>
                            <div>which allows me to show a picker for an
                              attribute I do want to display, but, I
                              still see the form field for the name
                              attribute.  <br>
                              <br>
                              Same issue for the value field; if I want
                              to hide it, how can I hide it?</div>
                            <div><br clear="all">
                              <div><br>
                              </div>
                              -- <br>
                              <div
                                class="m_-4155235496442518543gmail_signature">
                                <div dir="ltr"><br>
                                  <div>     Steve<br>
                                  </div>
                                </div>
                                <br>
                                <a
href="http://smart.salesforce.com/sig/sanderson//us_mb/default/link.html"
                                  target="_blank" moz-do-not-send="true"><img
src="http://smart.salesforce.com/sig/sanderson//us_mb/default/logo.png"
                                    moz-do-not-send="true" border="0"></a></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <br>
                      <fieldset
                        class="m_-4155235496442518543mimeAttachmentHeader"></fieldset>
                      <br>
                      <pre>______________________________<wbr>_________________
oXygen-user mailing list
<a class="m_-4155235496442518543moz-txt-link-abbreviated" href="mailto:oXygen-user@oxygenxml.com" target="_blank" moz-do-not-send="true">oXygen-user@oxygenxml.com</a>
<a class="m_-4155235496442518543moz-txt-link-freetext" href="https://www.oxygenxml.com/mailman/listinfo/oxygen-user" target="_blank" moz-do-not-send="true">https://www.oxygenxml.com/<wbr>mailman/listinfo/oxygen-user</a>
</pre>
                    </blockquote>
                    <br>
                    <br>
                    <fieldset
                      class="m_-4155235496442518543mimeAttachmentHeader"></fieldset>
                    <br>
                    <pre>______________________________<wbr>_________________
oXygen-user mailing list
<a class="m_-4155235496442518543moz-txt-link-abbreviated" href="mailto:oXygen-user@oxygenxml.com" target="_blank" moz-do-not-send="true">oXygen-user@oxygenxml.com</a>
<a class="m_-4155235496442518543moz-txt-link-freetext" href="https://www.oxygenxml.com/mailman/listinfo/oxygen-user" target="_blank" moz-do-not-send="true">https://www.oxygenxml.com/<wbr>mailman/listinfo/oxygen-user</a>
</pre>
                  </blockquote>
                  <br>
                </div>
              </div>
            </div>
            <br>
            ______________________________<wbr>_________________<br>
            oXygen-user mailing list<br>
            <a href="mailto:oXygen-user@oxygenxml.com"
              moz-do-not-send="true">oXygen-user@oxygenxml.com</a><br>
            <a
              href="https://www.oxygenxml.com/mailman/listinfo/oxygen-user"
              rel="noreferrer" target="_blank" moz-do-not-send="true">https://www.oxygenxml.com/<wbr>mailman/listinfo/oxygen-user</a><br>
            <br>
          </blockquote>
        </div>
        <br>
        <br clear="all">
        <div><br>
        </div>
        -- <br>
        <div class="gmail_signature" data-smartmail="gmail_signature">
          <div dir="ltr"><br>
            <div>     Steve<br>
            </div>
          </div>
          <br>
          <a
href="http://smart.salesforce.com/sig/sanderson//us_mb/default/link.html"
            target="_blank" moz-do-not-send="true"><img
              src="http://smart.salesforce.com/sig/sanderson//us_mb/default/logo.png"
              moz-do-not-send="true" border="0"></a></div>
      </div>
    </blockquote>
    <br>
  </body>
</html>