need help with scripting the logon layout

calling all scripting gurus

This section of code was taken from the LogonStudio template standard.uifile
The ares I am attempting to modify is the vertical divider

Code
  1. ...
  2.         <element id=atom(rightpanel) sheet=styleref(rightpanelss) layout=borderlayout() layoutpos=left width=384rp>
  3.             <span style="background-color: #ffff00;">&lt;element id=atom(divider) layoutpos=left width=1rp/&gt;</span>
  4.             &lt;scrollviewer id=atom(scroller) sheet=styleref(scroller) layoutpos=client xscrollable=false margin=rect(26rp,0rp,0rp,0rp)&gt;
  5.                 &lt;selector id=atom(accountlist) sheet=styleref(accountlistss) layout=verticalflowlayout(0,3,3,2)/&gt;
  6.             &lt;/scrollviewer&gt;
  7.         &lt;/element&gt;
  8. ...

I would like take the divider element and break into two parts, one stacked on top of the other.
If I am able to do that then I can use a vertical gradient on each to simulate the original divider without an image.
Any suggetstions?

820 views 2 replies
Reply #1 Top

I would like take the divider element and break into two parts, one stacked on top of the other.
If I am able to do that then I can use a vertical gradient on each to simulate the original divider without an image.
End of quote

Edit the divider image as it must be used if you want a center divider, you can not modify the code to do what you appear to be thinking. 

Center divider is Bitmap_124.bmp.

 

Reply #2 Top

Quoting Cavan1, reply 1
Edit the divider image as it must be used if you want a center divider, you can not modify the code to do what you appear to be thinking.
Center divider is Bitmap_124.bmp.
End of Cavan1's quote
Try making these modifications to the uifile.txt:

<style resid=rightpanelss>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(divider)]
    {
        background: rcbmp(124,6,#FF00FF,0,0,1,0);
    }

 change the above lines to 

<style resid=rightpanelss>
    element
    {
        background: argb(0,0,0,0);
    }
        element [id=atom(dividertop)]
    {
        background: gradient(rgb(90,126,220),rgb(175,191,255),1);
    }
        element [id=atom(dividerbot)]
    {
        background: gradient(rgb(175,191,255),rgb(90,126,220),1);
    }


AND


<element id=atom(rightpanel) sheet=styleref(rightpanelss) layout=borderlayout() layoutpos=left width=384rp>
   <element id=atom(divider) layoutpos=left width=1rp/>
   <scrollviewer id=atom(scroller) sheet=styleref(scroller) layoutpos=client xscrollable=false margin=rect(26rp,0rp,0rp,0rp)>
       <selector id=atom(accountlist) sheet=styleref(accountlistss) layout=verticalflowlayout(0,3,3,2)/>
   </scrollviewer>
</element>

  change the above lines to 

<element id=atom(rightpanel) sheet=styleref(rightpanelss) layout=borderlayout() layoutpos=left width=384rp>
    <element layout=gridlayout(2,1) layoutpos=left width=1rp>
        <element id=atom(dividertop) width=1rp/>
        <element id=atom(dividerbot) width=1rp/>
    </element>
   <scrollviewer id=atom(scroller) sheet=styleref(scroller) layoutpos=client xscrollable=false margin=rect(26rp,0rp,0rp,0rp)>
      <selector id=atom(accountlist) sheet=styleref(accountlistss) layout=verticalflowlayout(0,3,3,2)/>
   </scrollviewer>
</element>


After those changes are made you can delete the file 'Bitmap_124.bmp' and delete the line 'VerticalDivider=Bitmap_124.bmp' from the Theme.ini file.