function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
suresh.18487suresh.18487 

<Flow:Interview> is not working properly in mobile app development process

Hi,

I am trying to implement <Flow:Interview> in my VF page. Here is the code.

1).
VF Page::::::::::::::::::::
<apex:page Controller="ModemTroubleShootingCustomSimple" tabStyle="Case">
<flow:interview name="Troubleshotting_Internet_Not_Connnecting" interview="{!myflow}"/>
<apex:outputText value="Default Case Prioriy: {!casePriority}"/>
</apex:page>
Apex class::::::::::::::::::::::
public class ModemTroubleShootingCustomSimple {

// Need not instantiate explicitly the Flow object using the class constructor
public Flow.Interview.Troubleshotting_Internet_Not_Connnecting myflow { get; set; }
public String casePriority;
public String getcasePriority() {
// Access flow variables as simple member variables with get/set methods
if(myflow==null) return 'High';
else return 'LOw';
}
}
////The above code for normal VF page is working fine

Same code for mobile development
2).
VF Page:::::::::::::::::::::::::::
<apex:page Controller="ModemTroubleShootingCustomSimple_Mobile" tabStyle="Case" standardStylesheets="false" showHeader="false" sidebar="false">
<!-- stylesheets and scripts, from CDN (use local files in production) -->
<apex:stylesheet value="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<apex:includeScript value="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"/>
<apex:includeScript value="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.js"/>

 

<body>
<!-- Main page, to display list of Merchandise once app starts -->
<!-- Main page, to display list of Merchandise once app starts -->
<div data-role="page" data-theme="b" id="mainpage">
<!-- page header -->
<div data-role="header">
<!-- button for logging out -->
<a href='#' id="link_logout" data-role="button" data-icon='delete'>
Log Out
</a>
<!-- page title -->
<h2>Demo</h2>
</div>
<!-- page content -->
<div id="#content" data-role="content">
<!-- page title -->
<h2>Mobile Inventory</h2>

<!-- list of merchandise, links to detail pages -->
<div id="div_merchandise_list">
<ul data-inset="true" data-role="listview" data-theme="a"
data-dividertheme="a">
<flow:interview name="Troubleshotting_Internet_Not_Connnecting" interview="{!myflow}"/>
<apex:outputText value="Default Case Prioriy: {!casePriority}"/>
</ul>

</div>
</div>
</div>


</body>
</apex:page>

Apex Class::::::::::::::::::::::::
public class ModemTroubleShootingCustomSimple_Mobile{

// Need not instantiate explicitly the Flow object using the class constructor
public Flow.Interview.Troubleshotting_Internet_Not_Connnecting myflow { get; set; }
public String casePriority;
public String getcasePriority() {
// Access flow variables as simple member variables with get/set methods
if(myflow==null) return 'High';
else return 'LOw';
}
}


The problem is with the second that is related to mobile app.
The buttons that are displayed on the mobile page works only for first time, Means if you clicked Next button once, then click event will not fire next time. Click event is firing only once and same for previous button.