I am building Case Creation visualforce page for mobile version. I need label & input filed one after other instead of in the same row. I am able to achieve it uisng below code. But I see horizontal line between label & input field which i need to remove it. Is it possible to remove horizontal line between label & input field

Current VF Page Image:

_______________________________
Reason: (Label)
_______________________________
Performance Issue (Input field)
_______________________________

I need it to be :

_______________________________
Reason: (Label)

Performance Issue (Input field)
_______________________________

VF code snippet:

 <apex:pageBlock title="Case">
    <apex:pageBlockSection columns="1" title="Editing">        
        <apex:outputLabel value="Reason" for="id"/>              
        <apex:outputPanel layout="none" >
         <apex:inputField value="{!Case.Reason}" id="id" />  
        </apex:outputPanel>        
        <apex:commandButton value="Save" action="{!save}"/>
    </apex:pageBlockSection> 
  </apex:pageBlock>

 
I need to show list of open cases for logged in  user so i used below query & it does not work.It does not show any cases. I am using Java Script & HTML5 .

 var sreas = UserInfo.getUserID();

SELECT Id, AccountId, CaseNumber, OwnerId, Reason, Status, Subject, Description, ContactId, Priority, Origin from Case WHERE OwnerId = \''+sreas+'\' Order by CaseNumber asc

Jquery in visualforce page without where clause is working fine. But when i add a where clause to select closed Case's is not working.

Code that Call getall cases:

            var Case = new SObjectData();
            Case.errorHandler = displayError;
              $j(document).ready(function() {
                regBtnClickHandlers();
                getAllCase('Closed');
            });


Below is my code for Jquery:
 
            function getAllCase(sreas) {
                
Case.fetch('soql','SELECT Id, AccountId, CaseNumber, OwnerId, Reason, Status, Subject, Description, ContactId, Priority, Origin from Case WHERE Status = '+sreas+' Order by CaseNumber asc ',function() {
                    showCase(Case.data());
                });
            }

Please let me know what is wrong in this query

I am building Case Creation visualforce page for mobile version. I need label & input filed one after other instead of in the same row. I am able to achieve it uisng below code. But I see horizontal line between label & input field which i need to remove it. Is it possible to remove horizontal line between label & input field

Current VF Page Image:

_______________________________
Reason: (Label)
_______________________________
Performance Issue (Input field)
_______________________________

I need it to be :

_______________________________
Reason: (Label)

Performance Issue (Input field)
_______________________________

VF code snippet:

 <apex:pageBlock title="Case">
    <apex:pageBlockSection columns="1" title="Editing">        
        <apex:outputLabel value="Reason" for="id"/>              
        <apex:outputPanel layout="none" >
         <apex:inputField value="{!Case.Reason}" id="id" />  
        </apex:outputPanel>        
        <apex:commandButton value="Save" action="{!save}"/>
    </apex:pageBlockSection> 
  </apex:pageBlock>

 
I need to show list of open cases for logged in  user so i used below query & it does not work.It does not show any cases. I am using Java Script & HTML5 .

 var sreas = UserInfo.getUserID();

SELECT Id, AccountId, CaseNumber, OwnerId, Reason, Status, Subject, Description, ContactId, Priority, Origin from Case WHERE OwnerId = \''+sreas+'\' Order by CaseNumber asc

Jquery in visualforce page without where clause is working fine. But when i add a where clause to select closed Case's is not working.

Code that Call getall cases:

            var Case = new SObjectData();
            Case.errorHandler = displayError;
              $j(document).ready(function() {
                regBtnClickHandlers();
                getAllCase('Closed');
            });


Below is my code for Jquery:
 
            function getAllCase(sreas) {
                
Case.fetch('soql','SELECT Id, AccountId, CaseNumber, OwnerId, Reason, Status, Subject, Description, ContactId, Priority, Origin from Case WHERE Status = '+sreas+' Order by CaseNumber asc ',function() {
                    showCase(Case.data());
                });
            }

Please let me know what is wrong in this query