AngularJS Material reference field inputs - angularjs

I'm new to AngularJS Material and am trying to create a form that includes a reference field input, but can't seem to find any documentation on if this is possible. The input I'm trying to incorporate looks like this:
When a user clicks on the magnifying glass, it would open up a pop up window that shows the different options. I'm not so tied down to this exact look but am interested more in the functionality. The input could be a drop down or whatever, but when clicked upon, I would like the different options to show. I'm using ServiceNow so the reference options would be tied to a table in the back end.
Any suggestions?
thanks!

If you want to create a reference picker, ServiceNow offers an Angular directive for this.
The field object contains a JSON-Object with displayValue, value and name. I hope this will help you. You could find more directives provided by ServiceNow here: https://community.servicenow.com/message/1108400#1108400
<sn-record-picker field="FIELDOBJECT" table="'YOURTABLE'" default-query="'ENCODED QUERY'" display-field="'YOUR DISPLAYFIELD'" value-field="'VALUE'" search-fields="'SEARCHFIELD'" page-size="100"></sn-record-picker>

Related

How to enable autocomplete for a search input box depending upon a category dropdown value?

I have situation like below:
The textbox is now a open search box and the select box is a dropdown with different values; now the scenario is to enable autocomplete for couple of category values
So how to manage the autocomplete enabling and other categories as open search and not autocomplete.
We are using AngularJS 1.x in our application as the base framework.
use anguComplete module for autocomplete,when ever you want autocomplete code than you push the data into countries array the relative data to the autocomplete,if you are not interested than you don't push the data into countries array in to that array.
Easy way, add angularjs material that contains directive mdAutocomplete . It's already contains a lot of possible options that you could need in future.

<select> tag brings up dynamically a different set of input fields depending on selection in AngularJS

Im trying to create a form, first element should be a tag with a few options and each of them will dynamically bring up a different set of forms depending on what the user chooses. The idea is within the select tag there will be different categories like cars, properties etc.. first user only sees that and when chose, it will bring up a set of input fields that required for that category.
Anyone got an idea what would be the best way to do it in angular?
Using the ui.router module, you can populate a DOM element (ui-view) with an HTML template file. On selection of the dropdown, you're telling angular to go to a different "state".
Check out the following plunkr I made: http://plnkr.co/edit/jnKQOvkE4nJinEQ5zhr6?p=preview

Make a custom button invisible based on a field value

How can we make a custom button visible based an the status of a field on a standard layout ( not a visualforce page) in a custom object.
Here's a tutorial by Tehnrd:
http://www.tehnrd.com/show-and-hide-buttons-on-page-layouts/
This is possible leveraging record types and a unique page layout for each. The jQuery solution posted by Matthew looks really cool though.

Visualforce Custom lookup visualforce page

I was wondering if there is a way to override the native functionality of the lookup field in Salesforce and replace it with a visualforce page. The reason I'm trying to override this button is because when the user does a look up, the look up returns everybody with that name. What we want to return is a list of all the contacts by account for the contact being searched.
Here's what I'm trying to achieve:
When the user clicks the lookup button my visualforce page will launch and allow the user to see the account and all the contacts of that account.
Is this even possible? What other ways would you suggest going about this?
Here's a screen shot of what I'm trying to change:
Thanks for all your help!
It sounds really like you just need to customise the columns on the lookup to make it better suited to your needs. If you go to Setup -> Customize -> Contacts -> Search Layouts, you'll see entries for Lookup Dialogs and Lookup Phone Dialogs, there you can edit the columns displayed in the lookup windows.
If you really need a custom solution:
You can't override the lookup page itself, but you could create a new visualforce page for your account, using <apex:detail> and other similar tags to make your life simpler. Then you could include a search section underneath, where a user can enter various search terms which you put into a dynamic SOQL query and then render the results for them to choose from.
yeah its possible by javascript as i did by visual force page that will show the records of related lists and upon selection id of that record passed to parent window by jscipt. and performed same functionality ..
As far as I know - NO.
As a workaround you can use JavaScript.
What we did in our situation? We implement everything in JavaScript. We created an inputText and right on the right of this inputText we placed image with this lookup icon. On image click we create ExtJS popup window (I think you can simply create VF page and show this page in popup window). After window was closed you fill in the inputText field.
There's no out-of-the-box override for this button, last I checked, so something custom would be required. If you're set on having a popup and do not want an inline solution, I'd recommend reviewing this tutorial to get familiar with some of the issues with popups in Visualforce.
But considering what you are looking to accomplish, you could also have your account and filtered list of all contacts associated with that account appear inline on your page when the user clicks a new, custom search button. Of course that page would itself be in Visualforce (or inline Visualforce in a standard page layout) - which you may or may not want to have to code and maintain.
The AJAX Toolkit might also be a good place to start if you want to go with a custom JavaScript button placed on a standard page layout.

Salesforce Custom Objects

Hi I am trying to create a Custom Object in Salesforce.com Developer Edition, because I would then like to use this Custom Object in a New Custom Tab say "Properties". Properties tab will contain information about Realestate Properties, like # of rooms, bath rooms etc.
The problem I cannot seem to get around is how do I create a Custom Object that has many attributes. When I go to Setup->Create->Objects it only has one Label in the Custom Object definition page. I am expecting many attributes/labels I can add so I can then put this into the new Tab.
I've been looking at this for a while and I do not see a solution, so I am assuming I am looking at this wrong. Could someone recommend a solution or a book, article that would show me what I am missing.
Thanks
The custom objects page shows a list of all the custom objects you have created. If you click on the label, it takes you to the object definition. To add more attributes (called "fields" in Salesforce), go to the "Custom Fields & Relationships" section on the object detail page. Click to "New" button to add new fields from there.
Salesforce has a huge amount of publicly available training material available online.
The fundamentals doc should provide you with what you need immediately (http://www.salesforce.com/us/developer/docs/fundamentals/index.htm).
I also recommend looking at the training courses available on iTunes (search for Salesforce).

Resources