Coded UI - Accordion control

I am trying to click on a section in the accordion control but not able to...
I am hand coding.
The Accordion properties when I recorded are as below...
When recorded it is clicking based on the points,
#region Properties
public HtmlDiv UISummaryContainerPane
get
if ((this.mUISummaryContainerPane == null))
this.mUISummaryContainerPane = new HtmlDiv(this);
#region Search Criteria
this.mUISummaryContainerPane.SearchProperties[HtmlDiv.PropertyNames.Id] = "summaryContainer";
this.mUISummaryContainerPane.SearchProperties[HtmlDiv.PropertyNames.Name] = null;
this.mUISummaryContainerPane.FilterProperties[HtmlDiv.PropertyNames.InnerText] = "Filer Information\r\n\r\n\r\n\r\nA/B. Filer Cont";
this.mUISummaryContainerPane.FilterProperties[HtmlDiv.PropertyNames.Title] = null;
this.mUISummaryContainerPane.FilterProperties[HtmlDiv.PropertyNames.Class] = "contentAccordion";
this.mUISummaryContainerPane.FilterProperties[HtmlDiv.PropertyNames.ControlDefinition] = "id=\"summaryContainer\" class=\"contentAccordion\"";
this.mUISummaryContainerPane.FilterProperties[HtmlDiv.PropertyNames.TagInstance] = "276";
this.mUISummaryContainerPane.WindowTitles.Add("Financing Statement");
#endregion
return this.mUISummaryContainerPane;
#endregion
public void RecordedMethod1()
#region Variable Declarations
HtmlDiv uISummaryContainerPane = this.UIFinancingStatementWiWindow.UIFinancingStatementDocument.UISummaryContainerPane;
#endregion
// Last mouse action was not recorded.
// Click 'summaryContainer' pane
Mouse.Click(uISummaryContainerPane, new Point(27, 36));
I tried to copy the properties and create the objects by hand coding but no luck in clicking on the accordion.
Please help me how to click on a section in the accordion.
Thanks.
BK

Hi BK,
Could you share us the detailed error message in your side?
This blog shared us the detailed steps about how to hand-code a coded UI test:
http://blogs.msdn.com/b/mathew_aniyan/archive/2009/02/12/hand-coding-a-coded-ui-test.aspx
My suggestion is that you could record a coded UI Test for the same UI, and then generate it to code, compare the code with your custom code, I think it is helpful for you to really find the reason for it.
Best Regards,
Jack
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Similar Messages

Any way to customize the headerClick event of an Accordion control

Hi,
Is there any way to control the transition of the accordion
headers. I want a confirm message to appear when a header in an
accordion control is clicked and if the user selects Yes then only
the accordion should open the clicked header portion else the
previous header portion should remain open.
I tried to override the headerClick event and its event
Handler but both are declared as private in the Accordion class
also the event.preventDefault doesnot function. Is there any way to
customize the header click event handling?
I am working on Flex version 2.0.1.
Thanks and Regards,
Paromita

But, as said before, sharing the same session shouldn't give any problems at all. Which problems are you occurring? If you have problems with that they shares the same session, then you are apparently storing values in the session scope while they belongs in the request scope.
Hi,
Thanks a lot for your comment.
But if I change the backing bean to session scope, the same problem exists.
And i need to set the userID to session for future reference.
the scenario is like this,
1. I am loading the JSF application in iFrame of a .NET page and the user can invoke multiple instance of the same .Net page in different browser at a time.
2. After loading the JSF application, the server will establish session with the browser and at that time the same session is sharing by the windows.
3. From the JSF page i am again invoking a popup window for a wizard and this popup window will be in the same session with the parent window. So whe we invoke the popup window from the any other JSF page, it will also share the same session although the userid is different
I have tested and the same session cookies are shared among the pages. So we need someway to manage the creation of session. By writting a servletResponseWrapper and overridding the addCookie method will have any effect?
Or can you please suggest some other alternatives?
Regards,
Sudheesh

Accordion control CSS styles only support Websafe colours?

I'm experimenting with styling controls using CSS by messing about with the style for my Accordion control. Here's my current CSS
Accordion
themeColor: #0066ff;
textRollOverColor: #0066ff;
dropShadowEnabled: true;
dropShadowColor: #888888;
openDuration: 800;
headerStyleName: "myaccordionHeader";
.myaccordionHeader
fontFamily: Arial;
fontSize: 12;
fontWeight: bold;
fillColors: #ffffff, #cccccc, #ffffff, #ff55ff;
/* fillAlphas: 0.69, 0.4, 0.75, 0.65; */
selectedFillColors: #99cc33, #99cc33;
If I change the selectedFillColors to #f5f5f5, #f5f5f5 or some other non-web-safe colour, the Accordion selected fill colours revert to the Flex default. Same seems to apply to other colours too.
I have a project coming up that has specific colours; is there a way for me to use 'any' colour in the CSS style? Am I just going crazy? :-)
Steve

I have read the white paper that you have referred to in your response and have included the following in the Header section of my Reports Region -- I am using a custom CSS to format the Table Headers <th> and the table data <td>:
<head>
<title>Air Road Dispatch Board</title>
#HEAD#
<link rel="stylesheet"
href="#WORKSPACE_IMAGES#test.css"
type="text/css" />
</head>
The table data is working based on the CSS but the table headings are still not working correctly and the substitution string #HEAD# is sending the #HEAD# as output on my report at the top. I understood that by placing the reference to the .CSS after the #HEAD# that it would bypass the classes from the core.css file. But obviously this is not working. I also tried the same code above in the page html header to see if it worked but received the same results.
Any ideas?
Regards,
Jeffrey

BDC coding for TABLE controls

how to write BDC coding based on Table Controls...

http://www.sap-basis-abap.com/abap/handling-table-control-in-bdc.htm
How to deal with table control / step loop in BDC
Steploop and table contol is inevitable in certain transactions. When we run BDC for such transactions, we will face the situation: how many visible lines of steploop/tablecontrol are on the screen? Although we can always find certain method to deal with it, such as function code 'NP', 'POPO', considering some extreme situation: there is only one line visible one the screen, our BDC program should display an error message. (See transaction 'ME21', we you resize your screen to let only one row visible, you can not enter mutiple lines on this screen even you use 'NP')
Now with the help of Poonam on sapfans.com developement forum, I find a method with which we can determine the number of visible lines on Transaction Screen from our Calling BDC program. Maybe it is useless to you, but I think it will give your some idea.
Demo ABAP code has two purposes:
1. how to determine number of visible lines and how to calculte page number;
(the 'calpage' routine has been modify to meet general purpose usage)
2. using field symbol in BDC program, please pay special attention to the difference in Static ASSIGN and Dynamic ASSIGN.
Now I begin to describe the step to implement my method:
(I use transaction 'ME21', screen 121 for sample,
the method using is Call Transation Using..)
Step1: go to screen painter to display the screen 121, then we can count the fixed line on this screen, there is 7 lines above the steploop and 2 lines below the steploop, so there are total 9 fixed lines on this screen. This means except these 9 lines, all the other line is for step loop. Then have a look at steploop itselp, one entry of it will occupy two lines.
(Be careful, for table control, the head and the bottom scroll bar will possess another two fixed lines, and there is a maximum number for table line)
Now we have : FixedLine = 9
              LoopLine = 2(for table control, LoopLine is always equal to 1)
Step2: go to transaction itself(ME21) to see how it roll page, in ME21, the first line of new page is always occupied by the last line of last page, so it begin with index '02', but in some other case, fisrt line is empty and ready for input.
Now we have: FirstLine = 0
          or FirstLine = 1 ( in our case, FirstLine is 1 because the first line of new page is fulfilled)
Step3: write a subroutine calcalculating number of pages
(here, the name of actual parameter is the same as formal parameter)
global data:    FixedLine type i, " number of fixed line on a certain screen
                LoopLine type i, " the number of lines occupied by one steploop item
                FirstLine type i, " possbile value 0 or 1, 0 stand for the first line of new                                                               " scrolling screen is empty, otherwise is 1
                Dataline type i, " number of items you will use in BDC, using DESCRIBE to get
                pageno    type i, " you need to scroll screen how many times.
                line      type i, " number of lines appears on the screen.
                index(2) type N, " the screen index for certain item
                begin     type i, " from parameter of loop
                end       type i. " to parameter of loop
*in code sample, the DataTable-linindex stands for the table index number of this line
form calpage using FixedLine type i (see step 1)
                   LoopLine type i (see step 1)
                   FirstLine type i (see step 2)
                   DataLine type i ( this is the item number you will enter in transaction)
          changing pageno    type i (return the number of page, depends on run-time visible                                                                             line in table control/ Step Loop)
          changing line      type i.(visible lines one the screen)
data: midd type i,
      vline type i, "visible lines
if DataLine eq 0.
   Message eXXX.
endif.
vline = ( sy-srows - FixedLine ) div LoopLine.
*for table control, you should compare vline with maximum line of
*table control, then take the small one that is min(vline, maximum)
*here only illustrate step loop
if FirstLine eq 0.
        pageno = DataLine div vline.
        if pageno eq 0.
           pageno = pageno + 1.
        endif.
elseif FirstLine eq 1.
        pageno = ( DataLine - 1 ) div ( vline - 1 ) + 1.
        midd = ( DataLine - 1 ) mod ( vline - 1).
        if midd = 0 and DataLine gt 1.
                pageno = pageno - 1.
        endif.
endif.
line = vline.
endform.
Step4 write a subroutine to calculate the line index for each item.
form calindex using Line type i (visible lines on the screen)
                    FirstLine type i(see step 2)
                    LineIndex type i(item index)
          changing Index type n.    (index on the screen)
if FirstLine = 0.
        index = LineIndex mod Line.
        if index = '00'.
                index = Line.
        endif.
elseif FirstLine = 1.
        index = LineIndex mod ( Line - 1 ).
        if ( index between 1 and 0 ) and LineIndex gt 1.
                index = index + Line - 1.
        endif.
        if Line = 2.
                index = index + Line - 1.
        endif.
endif.
endform.
Step5 write a subroutine to calculate the loop range.
form calrange using Line type i ( visible lines on the screen)
                    DataLine type i
                    FirstLine type i
                    loopindex like sy-index
        changing    begin type i
                    end type i.
If FirstLine = 0.
   if loopindex = 1.
        begin = 1.
        if DataLine <= Line.
                end = DataLine.
        else.
                end = Line.
        endif.
   elseif loopindex gt 1.
        begin = Line * ( loopindex - 1 ) + 1.
        end   = Line * loopindex.
        if end gt DataLine.
           end = DataLine.
        endif.
   endif.
elseif FirstLine = 1.
if loopindex = 1.
        begin = 1.
        if DataLine <= Line.
                end = DataLine.
        else.
                end = Line.
        endif.
elseif loop index gt 1.
        begin = ( Line - 1 ) * ( loopindex - 1 ) + 2.
        end =   ( Line - 1 ) * ( loopindex - 1 ) + Line.
        if end gt DataLine.
                end = DataLine.
        endif.
endif.
endif.
endform.
Step6 using field sysbol in your BDC, for example: in ME21, but you should calculate each item will correponding to which index in steploop/Table Control
form creat_bdc.
field-symbols: <material>, <quan>, <indicator>.
data: name1(14) value 'EKPO-EMATN(XX)',
      name2(14) value 'EKPO-MENGE(XX)',
      name3(15) value 'RM06E-SELKZ(XX)'.
assign:         name1 to <material>,
                name2 to <quan>,
                name3 to <indicator>.
do pageno times.
if sy-index gt 1
*insert scroll page ok_code"
endif.
        perform calrange using Line DataLine FirstLine sy-index
                         changing begin end.
loop at DataTable from begin to end.
        perform calindex using Line FirstLine DataTable-LineIndex changing Index.
        name1+11(2) = Index.
        name2+11(2) = Index.
        name3+12(2) = Index.
        perform bdcfield using <material> DataTable-matnr.
        perform bdcfield using <quan>     DataTable-menge.
        perform bdcfield using <indicator> DataTable-indicator.
endloop.
enddo.
Cheers
VJ

Custom Bootstrap accordion for FAQ module

Hi I am trying to set up a Custom Twitter Bootstrap javascript accordion for FAQ module.
Nearly there, yet only one of the faqs works in that you click on the question and the answer opens, clicking on any other question opens up the same question
I've customed Faq list layout with this code:
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#1">
{tag_question_nolink} </a>
</h4>
</div>
<div id="1" class="panel-collapse collapse">
<div class="panel-body">
{tag_answer}
</div>
</div>
</div>
I presume I need to amend the code where it has number 1 as only working for one faq but not sure how?
Any help GREATLY appreciated.

Hi thanks for replying, yes definately agree there should be no short cuts, I've had a good read through the docs, tried may things but all in vain so just stuck with coding as normal without the BC FAQ integration, It is obvious the problem is the requirement for each collapse question and answer to have their own assigned unique ID's, yet I cannot seem to work out how to dynamically create a unique ID for each via the FAQ Module Template (list Layout), thats why only one of them worked with my code.
Anyway this works without the FAQ module integration but defeats the object really: http://aon-lafarge.businesscatalyst.com/FAQs.html
I'm frustrated as I managed to set up a custom FAQ accordion for a different site using jQuery UI Accordion control integrating with the FAQ module,but this did not require unique ids to work, please see:
http://www.royalmintmuseum.org.uk/about-us/faqs/index.html
I was hoping to do the same with the Bootstrap collapse/accordian,but defeated this time, I will however keep trying...

Data received ( display in printer control penal)

I have issue with HP Color laserjet 3530 MFP, Whenever I print via network I got this message on printer screen data received but not printing the file. i the mean time it happen always with PDF files to print, Please any one can help me to reslove this issue.
Please email me when you want to send response to me I would be much appreicated
Thank You
Naseer Habib
Moderator Edit: removed personal information

1. We resolved the web service return issue and when testing the WSDL in the Analyzer the records were returned for the query and the result is consistent in all tabs.
2. Recreated the ADF application using the new WSDL and coded the Data Control. Still no records returned.
Checked the data in the Analyzer when running the application in firefox and saw the input but in the output section didn't have any valuabe data.
The data indicate the actual service is being initiated fine. It had lines as:
<script type="text/javascript" src="/ProviderPm/afr/partition/gecko/default/opt/table-11.1.1.5.0-1095.js">
3. Created a proxy for the same WSDL and tested the client. The service was initiated and able to get the top result but not the records in the subsection where it is an array of the records.
The output/result structure in the WSDL is defined as:
1) Qryoutput then below it 2)six elements and another structure (ListRecords) 3)in ListRecords have RecordArray that contains the elements of the record.
In the proxy client I am able to read the six elements in the second level. But the RecordArray always indicate zero records. Yet when testing in the Analyzer with the same input
returns actual records!!
The Analyzer works but neither using the data control or the proxy can get the second level records.
I exhausted all options I am aware of and can't see a solution. (I had to deal with two bugs already, hope this is not a third one)
Thanks for looking into this issue.

Problem with mx:Accordion

I made a mx:Accordion control. The code for this control is
listed below. I added show events for Canvas control inside
Accordion control. However, it seems that on the first time I
clicked on those Canvas items, show events haven't been called.
It's called on the next clicks. Please tell me how to fix it. Thank
in advance.

Hi,
You might have to handle the creationComplete event also,
cause Accordion will not create all the children of its children.
They are created only when they are activated (clicked) and so the
show event is not raised for the first time as the component is
getting created at that but not being "shown". So, you can either
handle creationComplete event for the Canvas or set the
creationPolicy="all" for the Accordion. Please check out the sample
attached.
Hope this helps.

How to derive value on Controlling Area on Cost Element or any other entity

Hi Experts,
I want to derive a value of 1000 on the controlling area when we create a cost element. I have tried DERIVE_CELEM but it seems that Controlling area can only trigger Derivation on other fields once it is manually populated.
Any ideas if this could be possible?
Thanks
Riaan

Hello Kaustubh
Just wanted to understand why you want to default the controlling area? Its a key field and changing it as attribute will have lot of issues.
One way you can try is to create a Change dummy CR and keep it in executable mode. User can copy the CR and create their own. Other ways is use the BRF+ and try to default the controlling area.
One more point, normally you have one or two controlling areas so I really don't see any need for changing the data model and do the coding for populating controlling area,
@Michael - Please add your views and any better suggestion.
Kiran

Could not find control with id. 'btnGuardar' trigger for UpdatePanel 'UpdatePanel1'.

I'm getting this error when I use an update panel, and a trigger AjaxControlToolkit accordion control.
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="frmUpload.aspx.vb" Inherits="DemoFileUploadVB.frmUpload"
MasterPageFile="~/BaseMaster.Master" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Accordion ID="Accordion1" runat="server" FadeTransitions="true" TransitionDuration="250"
FramesPerSecond="40" RequireOpenedPane="false" SuppressHeaderPostbacks="true">
<Panes>
<asp:AccordionPane runat="server">
<Header>
<a href="" onclick="return false;" class="Link">Open </a>
</Header>
<Content>
<div>
<asp:FileUpload ID="fu" runat="server" />
</div>
<div>
<asp:Button ID="btnGuardar" runat="server" Text="Guardar" /></div>
</Content>
</asp:AccordionPane>
</Panes>
</asp:Accordion>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btnGuardar" />
</Triggers>
</asp:UpdatePanel>
</asp:Content>
if it is not the right forum please move the thread to the right one

Hello,
The correct forum is ASP.NET forums.
Please remember to mark the replies as answers if they help and unmark them if they provide no help, this will help others who are looking for solutions to the same or similar problem.
thanks.
regards

Accordion section with Title and icon

Hello Experts,
I have an accordion control in my application. Can we have an icon along with the title in the AccordionSection?
Something which is achievable in Panel title since it accepts sap.ui.core.Title in setTitle but accordionSection takes String .
Thanks in advance.
Regards,
Archana

HI Archana
Here is an example.
Look at the css section on how to add icon before the title. You can look up the icon hex code here.
-D

TabNavigator Child Control Problem on Programmatic SelectedIndex Change

I've got a TabNavigator that contains another TabNavigator as
a child control on its second page. On the child TabNavigator
there's a ViewStack and a couple of Accordion controls. On my first
parent tab I've got a Button that, when clicked, programmatically
changes the selectedIndex of the parent TabNavigator to display the
contents of the second tab (which contains the child TabNavigator).
I'm finding that when the index of the TabNavigator is
changed programmatically, all of the controls in the child
TabNavigator are stacked on top of each other and overlapping as
though the Flash player has no clue how to display these child
controls. Once I click through each tab on the child TabNavigator,
they appear intact. If I click the Button to change the tab again,
all of the controls will be jumbled and stacked.
This problem happens 100% of the time. I've changed every
single control in my app to creationPolicy="all" to no avail.
Anybody experienced this or know what to do?

I've got a TabNavigator that contains another TabNavigator as
a child control on its second page. On the child TabNavigator
there's a ViewStack and a couple of Accordion controls. On my first
parent tab I've got a Button that, when clicked, programmatically
changes the selectedIndex of the parent TabNavigator to display the
contents of the second tab (which contains the child TabNavigator).
I'm finding that when the index of the TabNavigator is
changed programmatically, all of the controls in the child
TabNavigator are stacked on top of each other and overlapping as
though the Flash player has no clue how to display these child
controls. Once I click through each tab on the child TabNavigator,
they appear intact. If I click the Button to change the tab again,
all of the controls will be jumbled and stacked.
This problem happens 100% of the time. I've changed every
single control in my app to creationPolicy="all" to no avail.
Anybody experienced this or know what to do?

Making WPF expander look like Accordion

Hi I am developing WPF app. where i add lists inside Expander control. Is there any way to make the Expander look like an Accordion. I googled yesterday but with no luck. I found something called WPF toolkit. And there was Accordion control but i was not
able to insert the control inside my window. If there just was a way to remove the arrow on the left side of the expander would solve my problem... Thank you in advance...
Ps. It is not a website but an app.

The simplest way is to edit the template for the expander.
This may sound kind of scary, but it's not terribly hard.
Create a new experimental solution.
Drag an expander onto your mainwindow.
Click it to give it focus.
In your properties window, the next to last entry, there's a Template entry. This looks greyed out.
See the square to the right?
Click that.
Choose convert to local value.
That gets you the template.
Or just use this:
<ControlTemplate x:Key="ExpanderControlTemplate1" TargetType="{x:Type Expander}">
<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="3" SnapsToDevicePixels="True">
<DockPanel>
<ToggleButton x:Name="HeaderSite" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" DockPanel.Dock="Top" Foreground="{TemplateBinding Foreground}" FontWeight="{TemplateBinding FontWeight}" FontStyle="{TemplateBinding FontStyle}" FontStretch="{TemplateBinding FontStretch}" FontSize="{TemplateBinding FontSize}" FontFamily="{TemplateBinding FontFamily}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="1" MinWidth="0" MinHeight="0" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">
<ToggleButton.FocusVisualStyle>
<Style>
<Setter Property="Control.Template">
<Setter.Value>
<ControlTemplate>
<Border>
<Rectangle Margin="0" SnapsToDevicePixels="True" Stroke="Black" StrokeThickness="1" StrokeDashArray="1 2"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ToggleButton.FocusVisualStyle>
<ToggleButton.Style>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border Padding="{TemplateBinding Padding}">
<Grid Background="Transparent" SnapsToDevicePixels="False">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="19"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Ellipse x:Name="circle" Fill="Transparent" HorizontalAlignment="Center" Height="19" Stroke="DarkGray" VerticalAlignment="Center" Width="19"/>
<Path x:Name="arrow" Data="M1,1.5L4.5,5 8,1.5" HorizontalAlignment="Center" SnapsToDevicePixels="False" Stroke="#FF666666" StrokeThickness="2" VerticalAlignment="Center"/>
<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="1" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="Left" Margin="4,0,0,0" RecognizesAccessKey="True" SnapsToDevicePixels="True" VerticalAlignment="Center"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Data" TargetName="arrow" Value="M1,4.5L4.5,1 8,4.5"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF222222"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
<Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Stroke" TargetName="circle" Value="DarkGray"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF666666"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ToggleButton.Style>
</ToggleButton>
<ContentPresenter x:Name="ExpandSite" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" DockPanel.Dock="Bottom" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</DockPanel>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsExpanded" Value="True">
<Setter Property="Visibility" TargetName="ExpandSite" Value="Visible"/>
</Trigger>
<Trigger Property="ExpandDirection" Value="Right">
<Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Right"/>
<Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Left"/>
<Setter Property="Style" TargetName="HeaderSite">
<Setter.Value>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border Padding="{TemplateBinding Padding}">
<Grid Background="Transparent" SnapsToDevicePixels="False">
<Grid.RowDefinitions>
<RowDefinition Height="19"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid>
<Grid.LayoutTransform>
<TransformGroup>
<RotateTransform Angle="-90"/>
</TransformGroup>
</Grid.LayoutTransform>
<Ellipse x:Name="circle" Fill="Transparent" HorizontalAlignment="Center" Height="19" Stroke="DarkGray" VerticalAlignment="Center" Width="19"/>
<Path x:Name="arrow" Data="M1,1.5L4.5,5 8,1.5" HorizontalAlignment="Center" SnapsToDevicePixels="False" Stroke="#FF666666" StrokeThickness="2" VerticalAlignment="Center"/>
</Grid>
<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="Center" Margin="0,4,0,0" Grid.Row="1" RecognizesAccessKey="True" SnapsToDevicePixels="True" VerticalAlignment="Top"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Data" TargetName="arrow" Value="M1,4.5L4.5,1 8,4.5"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF222222"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
<Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Stroke" TargetName="circle" Value="DarkGray"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF666666"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="ExpandDirection" Value="Up">
<Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Top"/>
<Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Bottom"/>
<Setter Property="Style" TargetName="HeaderSite">
<Setter.Value>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border Padding="{TemplateBinding Padding}">
<Grid Background="Transparent" SnapsToDevicePixels="False">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="19"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid>
<Grid.LayoutTransform>
<TransformGroup>
<RotateTransform Angle="180"/>
</TransformGroup>
</Grid.LayoutTransform>
<Ellipse x:Name="circle" Fill="Transparent" HorizontalAlignment="Center" Height="19" Stroke="DarkGray" VerticalAlignment="Center" Width="19"/>
<Path x:Name="arrow" Data="M1,1.5L4.5,5 8,1.5" HorizontalAlignment="Center" SnapsToDevicePixels="False" Stroke="#FF666666" StrokeThickness="2" VerticalAlignment="Center"/>
</Grid>
<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="1" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="Left" Margin="4,0,0,0" RecognizesAccessKey="True" SnapsToDevicePixels="True" VerticalAlignment="Center"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Data" TargetName="arrow" Value="M1,4.5L4.5,1 8,4.5"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF222222"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
<Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Stroke" TargetName="circle" Value="DarkGray"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF666666"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="ExpandDirection" Value="Left">
<Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Left"/>
<Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Right"/>
<Setter Property="Style" TargetName="HeaderSite">
<Setter.Value>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border Padding="{TemplateBinding Padding}">
<Grid Background="Transparent" SnapsToDevicePixels="False">
<Grid.RowDefinitions>
<RowDefinition Height="19"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid>
<Grid.LayoutTransform>
<TransformGroup>
<RotateTransform Angle="90"/>
</TransformGroup>
</Grid.LayoutTransform>
<Ellipse x:Name="circle" Fill="Transparent" HorizontalAlignment="Center" Height="19" Stroke="DarkGray" VerticalAlignment="Center" Width="19"/>
<Path x:Name="arrow" Data="M1,1.5L4.5,5 8,1.5" HorizontalAlignment="Center" SnapsToDevicePixels="False" Stroke="#FF666666" StrokeThickness="2" VerticalAlignment="Center"/>
</Grid>
<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="Center" Margin="0,4,0,0" Grid.Row="1" RecognizesAccessKey="True" SnapsToDevicePixels="True" VerticalAlignment="Top"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Data" TargetName="arrow" Value="M1,4.5L4.5,1 8,4.5"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF222222"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
<Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Stroke" TargetName="circle" Value="DarkGray"/>
<Setter Property="Fill" TargetName="circle" Value="Transparent"/>
<Setter Property="Stroke" TargetName="arrow" Value="#FF666666"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
Find the togglebutton and rip it out.
Hope that helps.
Technet articles: Uneventful MVVM;
All my Technet Articles

Setting Tooltip on accordion section Does not work. Possible bug??

HI All,
I am using accordion control with following code.
var oAccordion = new sap.ui.commons.Accordion("accordionA");
//Building Section 1
var oSection1 = new sap.ui.commons.AccordionSection( "section1" );
oSection1.setTitle("Section 1kdfjkdasfjsdafffdfjkakfajfajfksafjdkfjdf");
oSection1.setTooltip("Section 1");
oSection1.setMaxHeight("100px");
for (var i=0 ; i < 5 ; i++){
var oCheckBox1 = new sap.ui.commons.CheckBox( "CheckBox1"+i );
oCheckBox1.setText("CheckBox1 "+i);
oSection1.addContent( oCheckBox1);
var oLabel1 = new sap.ui.commons.Label( "Label1"+i );
oLabel1.setText("Label 1 "+i);
oSection1.addContent( oLabel1);
oAccordion.addSection( oSection1 );
Though I am setting the Tooltip. While mouse hover I don't see the tooltip.
My thought is whenever sectionsTitle is truncated it should show the tooltip.
Please clarify when the tooltip will be visibile.
thank you for allyour inputs and help in advance.
regards

Hi there,
It is a bug. You may use the title for each section until they get the tooltips to work.
Regards,
Alejandro.

Assigning a child button to Accordion header

I have an Accordion control with several panels. Each header
has an icon and a title. I need to add a child button to the
Accordion header (which is a Button itself and not a container, but
it should be OK). I want to place it on te right side of the
header. I create a 20 x 20 button and add it to the Accordion
header, as a child. I want to place it on the right corner of the
Accordion header, but I am unable to get accurate size measurements
of the header. What I thought would work (using the Accordion
derived custom class) would be ....
for(var i:int=0; i<numChildren; i++)
var header:mx.controls.Button = getHeaderAt(i);
header.addChild(minusButton);
super.measure();
minusButton.x = header.measuredWidth - 20;
but the measureed width always comes up as zero, as opposed
to the actual width of the header? Any ideas what I am doing
wrong?

Set the button's "In" parameter to the same MIDI message your controller is sending.
Now when the button receives a MIDI input with the matching message, it will trigger.
You'll obviously need an environment cable path so that incoming MIDI can reach the button, by whatever means is appropriate.

Thought I would share: Ruby script to control USB dart launchers

Been hacking away at this for a bit and I'm calling this good for now This script controls USB dart launchers like this guy:
0a81:0701 Chesen Electronics Corp. USB Missile Launcher
At the moment, it's coded to only control the above, but add your idVendor, idProduct, and movement codes to the ActionData hash and it should pick right up and work.
Requires the libusb and curses gems. Codepad: http://codepad.org/v9h3ziYw
Enjoy!
#!/usr/bin/env ruby
Version = '0.1'
abort("Usage: #{__FILE__} idVendor:idProduct") if ARGV.empty?
require 'curses'
require 'libusb'
# Add your own idVendor, idProduct, and movement codes here!
ActionData = {
:idVendor => 0x0a81,
:idProduct => 0x0701
} => {
:up => 0x02,
:down => 0x01,
:left => 0x04,
:right => 0x08,
:fire => 0x10,
:stop => 0x20,
class RocketLauncher
attr_accessor :device
def move(symbol)
@usb.control_transfer(
:bmRequestType => 0x21,
:bRequest => 0x09,
:wValue => 0x0000,
:wIndex => 0x0000,
:dataOut => ActionData[{
:idVendor => device[:idVendor],
:idProduct => device[:idProduct]
}][symbol].chr
end
def start
begin
@usb = LIBUSB::Context.new.devices(
:idVendor => device[:idVendor],
:idProduct => device[:idProduct]
).first.open.claim_interface(0)
rescue LIBUSB::ERROR_ACCESS
abort("No permission to access USB device!")
rescue LIBUSB::ERROR_BUSY
abort("The USB device is busy!")
rescue NoMethodError
abort("Could not find USB device!")
end
Curses.noecho
Curses.init_screen
Curses.stdscr.keypad(true)
Curses.timeout = 150
Curses.addstr("USB Rocket Launcher Controller v#{Version} by Maxwell Pray")
loop do
Curses.setpos(2,0)
case Curses.getch
when Curses::Key::UP, 'w', 'W'
Curses.addstr("Movement: Up!")
self.move(:up)
when Curses::Key::DOWN, 's', 'S'
Curses.addstr("Movement: Down!")
self.move(:down)
when Curses::Key::LEFT, 'a', 'A'
Curses.addstr("Movement: Left!")
self.move(:left)
when Curses::Key::RIGHT, 'd', 'D'
Curses.addstr("Movement: Right!")
self.move(:right)
when Curses::Key::ENTER, 10, ' '
Curses.addstr("Movement: Fire!")
self.move(:fire)
when 27, 'q', 'Q'
exit
else
Curses.addstr("Waiting for key...")
self.move(:stop)
end
Curses.clrtoeol
end
end
end
launcher = RocketLauncher.new
device = ARGV[0].split(':').map { |id| id.to_i(base=16) }
launcher.device = {
:idVendor => device[0],
:idProduct => device[1]
launcher.start

problem fixed with method
detach_kernel_driver
thx ^^
but now there is no FIRE action with enter Action is active, but:
:fire => 0x10
does nothing.
Where i can find any info about this? Maybe it must be another for my device?

Coded UI - Accordion control

Similar Messages

Maybe you are looking for