function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Gheorghe Sima 21Gheorghe Sima 21 

visualforce in salesforce1

User-added image

Hi,
I have an object 'Address' and I made a visual for for adding an address on Account.When i introduce a filter the list with the address is updated. Can I make this page to work in salesforce1 ?
Best Answer chosen by Gheorghe Sima 21
PrabhaPrabha
Now that you have built the VF page already, this is going to be bad news for you.

Answer: You have to re-disign the whole thing with bootstrap or soe kind of responsive UI tool. I suggest bootstrap. Bootstrap helps the screen auto-adjust when you shrink.

But there is a package that can help you, Visualstrap (https://appexchange.salesforce.com/listingDetail?listingId=a0N3000000B56AMEAZ).  And also look at this guys blog, there are some nice tips, http://blogforce9.blogspot.in . I use it alot to get bootstrap styling on my pages.

But you have to change code on your VF page, not on your controller.

HTH
Prabhan
 

All Answers

PrabhaPrabha
You can, just make sure you have the "Available for Salesforce mobile apps []" checkbox true.

But Do you think the page looks good in a mobile screen?

Prabhan
Gheorghe Sima 21Gheorghe Sima 21
I realize that I don't put the right question. I want to know how can I make this page to look good in salesforce1 and if I can use this visualforce for a listbutton in salesforce1.
Thanks!
PrabhaPrabha
Now that you have built the VF page already, this is going to be bad news for you.

Answer: You have to re-disign the whole thing with bootstrap or soe kind of responsive UI tool. I suggest bootstrap. Bootstrap helps the screen auto-adjust when you shrink.

But there is a package that can help you, Visualstrap (https://appexchange.salesforce.com/listingDetail?listingId=a0N3000000B56AMEAZ).  And also look at this guys blog, there are some nice tips, http://blogforce9.blogspot.in . I use it alot to get bootstrap styling on my pages.

But you have to change code on your VF page, not on your controller.

HTH
Prabhan
 
This was selected as the best answer
Gheorghe Sima 21Gheorghe Sima 21
User-added image
I have a listbutton. It is possible to change the icon of the button?
PrabhaPrabha

Yes, It is ...

see this: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_glyphs&stacked=h

I assume that you started with bootstrap!!!

Prabhan
Gheorghe Sima 21Gheorghe Sima 21
where can I modify that icon? My button is created in salesforce from Buttons and Links section. 
PrabhaPrabha
Do you mean the button in salesforce1 mobile app?
 
Gheorghe Sima 21Gheorghe Sima 21
yes
PrabhaPrabha
You can create an action and assign custom icons for actions.

https://developer.salesforce.com/docs/atlas.en-us.salesforce1.meta/salesforce1/best_practices_admin_icons.htm

Prabha
Gheorghe Sima 21Gheorghe Sima 21
thanks
Gheorghe Sima 21Gheorghe Sima 21
<apex:page standardController="Relatie__c" extensions="NewRelationFromAccountController" recordSetVar="var">
<apex:sectionHeader title="New Relation"/>
 <apex:form >
    <apex:pageMessages />
<apex:pageBlock title="Relation Edit">
            <apex:pageBlockButtons >
                <apex:commandButton action="{!save}" value="Save" styleClass="btn"/>
                <apex:commandButton action="{!cancel}" value="Cancel" styleClass="btn"/>
            </apex:pageBlockButtons>
         <apex:pageBlockSection title="Informatii Relatie" columns="2">
             <apex:pageBlockSectionItem >
                  <apex:outputLabel value="Client" for="client" />
                  <apex:inputField id="client" value="{!result.Name}" />
             </apex:pageBlockSectionItem>
             <apex:pageBlockSectionItem >
                  <apex:outputLabel value="Phone" for="phone" />
                  <apex:inputField id="phone" value="{!result.Phone}"/>
             </apex:pageBlockSectionItem>
              <apex:pageBlockSectionItem >
                  <apex:outputLabel value="CUI" for="cui" />
                  <apex:inputField id="cui" value="{!result.RO__c}" required="true" />
             </apex:pageBlockSectionItem>
             <apex:pageBlockSectionItem >
                  <apex:outputLabel value="Email" for="email" />
                  <apex:inputText id="email" value="{!result.Email__c}"/>
             </apex:pageBlockSectionItem>
             <apex:pageBlockSectionItem >
                  <apex:outputLabel value="Tip Relatie" for="tiprelatie" />
                  <apex:inputText id="tiprelatie" value="{!myRelation.Tip_Relatie__c}"/>
             </apex:pageBlockSectionItem>
             
             <apex:pageBlockSectionItem >
                  <apex:outputLabel value="Account Owner" for="owner" />
                  <apex:outputField id="owner" value="{!result.OwnerId}"/>
             </apex:pageBlockSectionItem>
            
      
    </apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>

I have this visualforce page. Can you show me what I have to modify to look good in salesforce1? 
PrabhaPrabha
Simple....
Change columns atribute in line#10 to 1. like this.
<apex:pageBlockSection title="Informatii Relatie" columns="1">

Let me know how it is looking.

But I strongly suggest visualftrap, a free app, for such pages.

Or add bootstrap and bootstrap input fields to it... like : www.oyecode.com/2013/05/how-to-use-twitter-bootstrap-with.html

Prabha