[PatternFly] Datepicker inside a pf-toolbar?
Dan Labrecque
dlabrecq at redhat.com
Thu Apr 13 04:29:16 UTC 2017
The Angular Patternfly site has toolbar example showing how to add
custom components. I can't say whether a date picker is recommended in a
toolbar, but there is a way to add it using the "actions" tag as shown
below.
http://www.patternfly.org/angular-patternfly/#/api/patternfly.toolbars.directive:pfToolbar
<pf-toolbar id="exampleToolbar" config="toolbarConfig"> <actions> <span
class="dropdown primary-action" uib-dropdown> <button class="btn
btn-default dropdown-toggle" uib-dropdown-toggle type="button"> Menu
Action <span class="caret"></span> </button> <ul class="dropdown-menu">
<li role="menuitem" ng-click="optionSelected(1)"> <a
class="secondary-action">Option 1</a> </li> <li role="menuitem"
ng-click="optionSelected(2)"> <a class="secondary-action">Option 2</a>
</li> <li role="menuitem" ng-click="optionSelected(3)"> <a
class="secondary-action">Option 3</a> </li> <li role="menuitem"
ng-click="optionSelected(4)"> <a class="secondary-action">Option 4</a>
</li> </ul> </span> <button class="btn btn-default primary-action"
type="button" ng-click="doAdd()"> <span class="fa fa-plus"></span> Add
Action </button> </actions> </pf-toolbar>
Dan
On 4/12/17 12:34 PM, John Logan wrote:
>
> Hi,
>
>
> I'm trying out Patternfly in a prototype and I really appreciate the
> work that's been done. It's made the job of putting together a good
> enterprise app user experience a lot easier.
>
>
> This might be the wrong place for angular-patternfly questions, but I
> thought I'd ask here and find out whether I should be posting
> elsewhere (as a github issue?) instead. I have a pf-toolbar in one of
> my views, and I'd like to include a date range picker (or pair of date
> pickers) in the toolbar for constraining the requested items. Is
> there a way to do this with the Angular component today? If not, what
> do you think is the best workaround?
>
>
> Thanks! John
>
>
>
>
> _______________________________________________
> PatternFly mailing list
> PatternFly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20170413/0ecf0da3/attachment.htm>
More information about the PatternFly
mailing list