how to resolve Gauges Overlaping | Infragistics Forums

770

how to resolve Gauges Overlaping

Sai VV posted over 16 years ago

I am plcaing two gauges in a form. but the gauges are overlaping. how to avoid that. Backgournd color is 'Transperant' for both bagues,

pls help

28496

Offline David Negley posted over 16 years ago in reply to Sai VV

unfortunately, windows forms controls have very limited support for transparency. try the same experiment with two Label controls, both of which have their BackColors set to Transparent. you will not be able to see one label behind the other.
the transparency in WinForms is sophisticated enough to respect a background color or background image on the parent form, but not enough for what you're describing.
fortunately, the UltraGauge control has a Gauges collection in which you can place multiple Gauges inside the same control, so you can get around this platform limitation by using one instance of the control to display multiple gauges.
Cancel
Reply

Cancel
65

Tom posted over 16 years ago

I hope I understand your problem correctly. I have a page that has 5 gauges across the page. I put each gauge in a table cell similar to this:
<table>
    <tr>
        <td width="20%" align=center>Gauge1</td>
        <td width="20%" align=center>Gauge2</td>
        <td width="20%" align=center>Gauge3</td>
        <td width="20%" align=center>Gauge4</td>
        <td width="20%" align=center>Gauge5</td>
    </tr>
</table>
I just noticed that you said you were running WinGauge. I don't use winforms that much but you could possibly use seperate panels.
Tom
Cancel
Reply

Cancel
770

Sai VV posted over 16 years ago in reply to David Negley

hi David

Thanks for your reply. But here i am uing wingauges
Cancel
Reply

Cancel
28496

Offline David Negley posted over 16 years ago

it works fine for me, using the following code...
note that this will not work in IE6, since that browser does not support PNG transparency.
<igGauge:UltraGauge ID="UltraGauge1" runat="server" style="position: absolute; left: 10px; top: 10px">
    <Gauges>
    <igGaugeProp:RadialGauge>
        <Dial>
        <BrushElements>
        <igGaugeProp:SolidFillBrushElement Color="Red" />
        </BrushElements>
        </Dial>
    </igGaugeProp:RadialGauge>
    </Gauges>
    </igGauge:UltraGauge>
    <igGauge:UltraGauge ID="UltraGauge2" runat="server" style="position: absolute; left: 20px; top: 20px">
    <Gauges>
    <igGaugeProp:RadialGauge>
        <Dial>
        <BrushElements>
        <igGaugeProp:SolidFillBrushElement Color="Blue" />
        </BrushElements>
        </Dial>
    </igGaugeProp:RadialGauge>
    </Gauges>
    </igGauge:UltraGauge>
Cancel
Reply

Cancel