ExportMenu Kartik doesn't work in yii2 GridView widget - yii2

The export dropdown and toggle dropdown do not appear on click. I can't see any errors in console of developer tool.
I have used exactly same code in another project and that seems to work, the only difference is in the column set.
<?php
$exportColumns=[
'name',
'email',
'username',
];
echo ExportMenu::widget([
'dataProvider' => $dataProvider,
'columns' =>$exportColumns,
'dropdownOptions' => [
'label' => 'Export All',
'class' => 'btn btn-secondary'
]
]);
?>

I had a similar issue with my own Yii2 project. In my project the dropdown menu worked, but the buttons that appeared were unresponsive and the entire page froze without any console error.
My own mistake was that I required two bootstrap versions in my composer.json (I left in yiisoft/yii2-bootstrap in my case, removed the other).
Double Bootstrap

Related

yii2 star widget does not appear

I can not see starwidget in my yii2, I installed the widget, but it doesn't display stars.
See loading gif:
Following is my code:
echo '<label class="control-label">Rating</label>';
echo StarRating::widget([
'name' => 'rating_2',
'value' => 2.5,
'disabled' => true
]);
Is there an explanation to this. Please help!?
Check your js assets. Check if jQuery is not loading twice.

yii2 AutoComplete position

It was working perfectly, I have changed nothing, and I have realized that my AutoComplete widget is showing up not there where it was before (it was in the gridView, right underneath the filter textinput where it is expected). Now it shows up in the left upper corner of the page, with the first 2-3 options covered by the navbar. Is there a change in AutoComplete, or in Yii2 now? I have found an option appendTo that has maybe something to do with the problem, and I have done experiments with it but no luck, either it doesn't show up, or still on the wrong place. I have found nothing else relevant.
Here is my code in the gridview:
[
'attribute' => 'name',
'contentOptions' => ['nowrap' => 'nowrap'],
'filter' => AutoComplete::widget([
'model' => $searchModel,
'attribute' => 'name',
'clientOptions' => [
'source' => Pl::find()->allAutoCompleteName(),
'autoFill' => true,
],
'options' => ['class' => 'form-control']
]),
],
The id of the search field is plsearch-name
The js:
jQuery('#plsearch-name').autocomplete({"source":[{"value":"PE 150","label":"PE 150"}...],"autoFill":true});
If I'm setting the appendTo in clientOptions to '#plsearch-name', then it doesn't show up at all, however it is correct, isn't it? I don't see any styling in it.
What also quite interesting is:
<input
type="text"
id="plsearch-name"
class="form-control ui-autocomplete-input"
name="PlSearch[name]"
autocomplete="off"/>
What is this autocomplete="off" doing there?
Can you please point me to the right direction? Thanks a lot!
This Problem is fixed here: https://github.com/yiisoft/yii2-jui/commit/36468550d72bce9d963149abe85b13ea2f3a8c18
The JQuery UI Version should be updated to 1.12
"require": {
"yiisoft/yii2": "~2.0.4",
- "bower-asset/jquery-ui": "1.11.*#stable"
+ "bower-asset/jquery-ui": "~1.12.1"
},

How to exclude 1 menu item in wp_nav_menu( array(?

It contains
Home,
Company,
Help & Support,
Products,
Pricing, and
Sign In.
I use this in the navbar in the header and i will be using it on the footer. In footer it will only display all of the menu items excluding Sign in. What should i do? Im new to wordpress.
<?php
wp_nav_menu( array(
'menu' => 'primarynav',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav')
);
?>
Step 1: login to your cpanel root directory of WordPress then open wp-content -> themes -> your theme -> functions.php
Step 2: In functions.php file create secondary navigation something like this
register_nav_menus( array(
'secondary' => __('Secondary Navigation', 'twentyten')
) );
put your theme name instead of twentyten
Step :3 now open wp-content -> themes -> your theme -> footer.php
where you would like to call footer menu use this code
<?php
wp_nav_menu( array(
'menu' => 'Secondary Navigation',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav')
);
?>
Step:4 log in to your admin end and appearance -> menus -> create new menu -> add the menus exclude sign in and tick the box Secondary Navigation
Thats it
Answer given by Minal Chauhan is correct. That is the one way by which you can do the things that you want.
Another way is keeping the same menu in admin, you just need to add class to "sign in" menu.
Here is the screenshot to describe how you can give class to particular menu item
If you are not able to view CSS Classes field, you have to enable it from screen option which is located in top right corner.
Here is the screenshot how to enable Class option for menu items:
Now, after giving class you need to write following jQuery code:
jQuery(document).ready(function() {
jQuery('footer .test').closest('li').remove(); // here .test is the class which I gave to my menu item. And Footer is parent div element from where I want to apply this jQuery code. // these selectors you may need to change as per your HTML code.
});
Please let me know if you need any further help.
Thanks!

yii2 pjax inside other pjax

i have form with two pjax. (one inside two) when clicked link in second PJAX send query to server but in field "X-PJAX-Container" write ID first container.
Pjax::begin([
'id' => 'register-form'
]);
...
Pjax::begin([
'id' => 'que'
]);
echo yii\helpers\Html::a('update', ['/portal/que/gr-usl/');
Pjax::end();
...
Pjax::end();
location after click update : /portal/que/gr-usl?_pjax=%23register-form
request header
X-PJAX:true
X-PJAX-Container:#register-form
X-Requested-With:XMLHttpRequest
if set data-pjax for link #que request header not changed.
for all link in inside pjax disabled data-pjax an href change to onclick with function
$.pjax({url: $(el).attr('link'), container: '#pjax-grusl'});
links has code
echo yii\helpers\Html::a('update', null,[
'data-pjax' => 'false',
'link' => \yii\helpers\Url::to(['/portal/que/gr-usl/',
'ids' => $ids,
'filter' => $filter,
'gr' => $gr
]),
'onclick' => 'selGr(this)'
]);
but its should work from box :( i don't understand why click by link don't find first pjax container from dom tree.

How to change one attribute display in yii2 DetailView widget?

I am using yii\widgets\DetailView to display some single object informations like this:
<?= DetailView::widget([
'model' => $model,
'attributes' => [
'id',
'username',
'email:email',
[
'attribute'=>'status',
'value' => $model->status,
],
'created_at:date',
'updated_at:date',
],
]) ?>
I want to display status in different color. So basically I would like to either add class of .red to the wrapping <td> tag, or even better to wrap the status with <span class="red">{value}</span>
GridView has contentOptions which is really easy to use. But with DetailView I have tried with options and template, but I couldn't make it work. Maybe I did something wrong, or I need to use some other attribute.
So this is not working for me:
[
'attribute'=>'status',
'value' => $model->status,
'template' => '<tr><th>{label}</th><td><span class="red">{value}</span></td></tr>'
],
Can someone explain how to achieve this ?
Thanks in advance.
You should simply try :
[
'attribute'=>'status',
'value' => '<span class="red">'.$model->status.'</span>',
'format' => 'raw',
],
Read more.