How can I remove the gap between my interface header and the menu ribbon of my Site?

Hi all,

Please is there a way to remove the gap between my interface header and the site menu bar?  See attached file with a highlight of the gap I am referring to.  I am using the headerContentLayout in the interface.

Thanks

  Discussion posts and replies are publicly visible

Parents Reply Children
  • 0
    A Score Level 1
    in reply to Mike Schmitt

    Thanks,

    Here's the SAIL code:

    a!localVariables(
    
      a!headerContentLayout(
        header: {
          a!localVariables(
    
            local!currentTime: a!refreshVariable(
              value: text(now(), "hh:mm aa"),
              refreshInterval: 0.5
            ),
    
            local!backgroundColor: "#3d4e66",
            local!recordTitleItem: {
              headerStrong: user("jokieblaise@availsys.com", "firstName"),
              headerStrongStyle: "STRONG",
              headerStrongColor: null,
              headerStrongSize: "LARGE",
              header: user("jokieblaise@availsys.com", "lastName"),
              headerStyle: null,
              headerColor: null,
              headerSize: "LARGE",
              subheaderStyle: null,
              subheaderColor: null,
              subheaderSize: "STANDARD",
              image: a!imageField(
                label: "",
                labelPosition: "COLLAPSED",
                images: {
                  rule!UIA_userImageWithReplacementAvatar(user: "jokieblaise@availsys.com")
                },
                size: "MEDIUM",
                isThumbnail: false,
                style: "AVATAR"
              )
            },
            local!tagItem: {
              text: "REQUEST START",
              backgroundColor: "#0000ff",
              textcolor: "#ffffff"
            },
            local!items: {
              {
                label: "Grand Energy Request Application",
                value: "Request Form",
              },
    
              {
                label: text(today(), "dd mmm yyyy"),
                value: local!currentTime,
              }
            },
            rule!CMN_IP_RecordSummaryHeader(
              backgroundColor: local!backgroundColor,
              items: local!items,
              recordTitleItem: local!recordTitleItem
            )
          )
        },
        contents: {}
      )
    )

  • 0
    A Score Level 1
    in reply to Mike Schmitt

    The time is still not refreshing.  Can you check if I missed something in the way I called the refreshVariable?

  • +1
    Certified Lead Developer
    in reply to nanfak

    Add another local variable prior to currentTime - just anything, it doesn't matter what.  like "local!spare: "testing"," or something similar.  A bug I identified shortly after 19.2 was released, was that variables with a refresh interval will never update themselves if they're the first declared local variable.  I assume this bug has never been fixed.

    Also: if you're declaring a!localVariables at the top-most layer of the interface, you could just put your local!currentTime there, there really isn't a need to put an extra a!localVariables() call inside the headerContentLayout until or unless you specifically need one there.

  • 0
    Appian Employee
    in reply to nanfak

    +1 the recommendation to consolidate a!localVaraibles for readability

    The bug you are describing is known, but has not yet been prioritized. To clarify the behavior there though, the variable will not refresh after the initial load only when the value contains `now()` and you are testing in Interface Designer. Testing your interface on a report, site, etc. should work as expected.