Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    formItem with clipTitle = true has title cell unstyled

    Hi,

    Please take a look at this code from showcase:

    Code:
    isc.DynamicForm.create({
        ID: "exampleForm",
        width: 250,
        fields: [
            {name: "username",
             title: "Username",
             type: "text",
             required: true,
             defaultValue: "bob",
    clipTitle: true
            },
            {name: "email",
             title: "Email",
             required: true,
             type: "text",
             defaultValue: "bob@isomorphic.com"
            }
        ]
    });
    
    
    isc.HLayout.create({
        members:[exampleForm]
    });
    Cell for first field title do not have class "formTitle".

    Best regards,
    Janusz

    #2
    In our testing the cell is showing up with styling intact, but has an issue with the ":" character being mispositioned. We have a developer working on that.
    If that doesn't match up with what you're seeing, could you let us know which version of SmartClient you're using, which skin, and which browser.
    (A screenshot may be helpful too just to make certain we're on the same page)

    Thanks

    Comment


      #3
      I can see it with version "v11.1p_2019-03-31/LGPL Deployment" with Simplicity skin on Chrome, Firefox...
      When testing on "v12.0p_2019-04-03/AllModules Development Only" it does not seem to appear.

      Previous code missed one important line: titleOrientation: "top"

      Here is a code once again:
      Code:
      isc.DynamicForm.create({
          ID: "exampleForm",
          width: 250,
          titleOrientation: "top",
          fields: [
              {name: "username",
               title: "Username",
               type: "text",
               required: false,
               defaultValue: "bob",
               clipTitle: true,
           wrapTitle: false
              },
              {name: "email",
               title: "Email",
               required: true,
               type: "text",
               defaultValue: "bob@isomorphic.com"
              }
          ]
      });
      And here is a result:
      Click image for larger version

Name:	Zrzut ekranu 2019-04-5 o 15.55.20.png
Views:	103
Size:	10.6 KB
ID:	257358

      BTW mispostioned ":" is caused by <B> tag overwriting display:flex set on outer <div> container, so it is a problem only when field is required.
      <div style="display:flex (...)"><b><div style="order:2;"><span aria-hidden="true">&nbsp;:</span></div><div id="isc_R4" style="overflow:hidden;text-overflow:ellipsis"><label id="isc_R3" for="isc_R2">Username</label></div></b>...

      I am glad that you have started to use display:flex, but you also claim to support IE since version 6, however flex is only supported by Edge, Firefox 28+, Chrome 29+ etc.

      Comment


        #4
        Hi,

        Have you been able to confirm the bug after the second test case?

        Best regards,
        Janusz

        Comment


          #5
          We've made a change to address this issue. Please try the next nightly build on the 11.1 branch (dated April 20 or above)

          Regards
          Isomorphic Software

          Comment

          Working...
          X