lineker's Replies

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 51 total)

1 2 … 4 →

Author

Posts
December 16, 2015 at 8:54 pm in reply to: Vanvigation Bar Vanvigation Bar #79420

lineker
Participant

Hi Hristo,

At the example you wrote at recent message, why does not it work if css is as follow:

.content {
height: 100p%; // setting height 100% instead of 100px
}

I can not set height to a scalar value because I don’t know screensize of computer
My jqxnavigationbar is inside in a splitter, so when I open a panel, all other panels should move to bottom of splitter and this should be supplied by using 100%

I kindly request you try following at jsfiddle code, when you copy paste it will work. (do not have jsfiddle account yet and will open)
I want 2nd panel go to bottom when 1st panel is opened but it does not work.

HTML:
<div id=”mainSplitter”>
<div>
<div class=”content” id=’jqxNavigationBar’>
<div>Panel 1</div>
<div class=”content”><div class=”content”>Content 1</div></div>
<div>Panel 2</div>
<div class=”content”><div class=”content”>Content 2</div></div>
</div>
</div>
<div>
<div id=”mappanel” style=”height: 100%;”>
<div id=”map”>Right</div>
</div>
</div>
</div>

Javascript :
$(‘#mainSplitter’).jqxSplitter({ width: ‘100%’, height: ‘90%’, orientation: ‘vertical’, resizable:false,
panels: [{ size: 200, collapsible: false }] });

$(“#jqxNavigationBar”).jqxNavigationBar({ height: “100%”, width: “100%”, expandMode: “toggle”});

CSS :
html, body {
width: 100%;
height: 100%;
}
.content {
height: 100%;
}

December 15, 2015 at 5:40 pm in reply to: Vanvigation Bar Vanvigation Bar #79349

lineker
Participant

Hi Hristo,

Toggle mode works well for opening 1 panel at same time
But when a panel is opened, I want all other panels under it go to bottom like singlefitHeight, it does not

November 30, 2015 at 12:41 pm in reply to: GridPanel Widget GridPanel Widget #78706

lineker
Participant

Hi Ivalio,

I think jqxNavigationBar is what I am looking for if I can put grid into it at following example

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxnavigationbar/index.htm

November 30, 2015 at 12:39 pm in reply to: Setting panel size value to auto? Setting panel size value to auto? #78705

lineker
Participant

Hi All,

I found what I need: jqxNavigationBar. It behaves like accordion which is the property I need

November 27, 2015 at 10:06 am in reply to: GridPanel Widget GridPanel Widget #78615

lineker
Participant

Hi Ivalio,

Thanks for demo. But I again repeat my request that property “expanded” should be in plan to add jqxGrid as property.

November 26, 2015 at 10:04 am in reply to: GridPanel Widget GridPanel Widget #78575

lineker
Participant

Hi Ivalio,

Thanks for reply.
I know the demo you offered, it does not suit to me.
Because I want to put a logo and explanation to visible part.
I think expanded property should be added to jqxGrid at next versions

November 25, 2015 at 4:55 pm in reply to: GridPanel Widget GridPanel Widget #78552

lineker
Participant

Hi All,

Or I can ask my question in a simpler way:

The widget jqxExpander has property called “expanded”
I need same option for jqxGrid. When property “expanded” is set to false, only toolbar will be displayed.

November 13, 2015 at 7:40 am in reply to: Splitter height value Splitter height value #78083

lineker
Participant

Hello Hristo,

I understood why it did not work at my example.
div container which is defined at bootstrap.css file is already %100
The problem is setting html, body
I am setting html, body to 100% but bootstrap css which is defined under it overrides it.
When I wrote your below code after bootstrap.css definition it worked

<style>
html, body {
width: 100%;
height: 100%;
}
</style>

Thanks

November 12, 2015 at 10:08 pm in reply to: Splitter height value Splitter height value #78065

lineker
Participant

Hello Hristo,

I had tried it at css file.
I also tried as inline css as below:

<div class="container" style="height: 100%;">

It did not work.
It did not work even I removed div container and making body of html parent of splitter

There is only a line.

You can also try from following link, by adding the css you wrote to right top part, it does not work even if body is parent and set to 100%.

http://jsfiddle.net/jqwidgets/uUZtq/

November 12, 2015 at 8:51 am in reply to: Splitter height value Splitter height value #78031
lineker
Participant
Hi Hristo,

I tried your offer but it did not work
My full co de is below
```
<!DOCTYPE html>
<html lang="tr">
<head>

<title>my title</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://localhost:5000/css/bootstrap.min.css">
 <script src="http://localhost:5000/javascripts/jquery.min.js"></script>
 <script src="http://localhost:5000/javascripts/bootstrap.min.js"></script>
 <link rel="stylesheet" href="http://localhost:5000/css/mystyle.css" />
 

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">/* <![CDATA[ */
    !window.jQuery && document.write('<script type="text/javascript" src="http://localhost:5000/javascripts/jquery.js"><\/script>')
/* ]]> */</script>

<style>
    html, body {
       width: 100%;
       height: 100%;
        }
</style>
</head>

<body class='default'>

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="/home"><img class="logo" src="http://localhost:5000/images/logo.png"></a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class='active'><a href="/home">Ana Sayfa</a></li>
        <li ><a href="/user">Kullanıcılar</a></li>        
        <li ><a href="/product">Ürünler</a></li>
        <li ><a href="/store2">Bayiler</a></li>
        <li ><a href="/zorlu">Zorlu</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="report">Raporlar<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/report">Rapor 1</a></li>
            <li><a href="#">Rapor 2</a></li>
            <li><a href="#">Rapor 3</a></li>
          </ul>
        </li>
        <li><a href="#" style="color: white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;kadir&nbsp;beyazlı</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-user"></span></a>
             <ul class="dropdown-menu">
            <li><a href="#">Şifre Değiştirme</a></li>
            <li><a href="#">Hesap Ayarları</a></li>
            <li><a href="#">Rapor Ayarları</a></li>
          </ul>
       </li>
        <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> Çıkış</a></li>
      </ul>
    </div>

  </div>
</nav>
 
<div class="container">
    

        <div id="mainSplitter" <strong>style="height: 100%;"</strong>>
            <div class="splitter-panel">
                <div id="jqxgrid"></div>
                </div>
            <div class="splitter-panel">
                Panel 2</div>
        </div>
    
    <link rel="stylesheet" href="http://localhost:5000/javascripts/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxcore.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxbuttons.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxscrollbar.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxsplitter.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxspanel.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxmenu.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.selection.js"></script> 
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.columnsresize.js"></script>
   <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.filter.js"></script> 
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxdata.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.sort.js"></script> 
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.pager.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.edit.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxdropdownlist.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxlistbox.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.columnsreorder.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.columnsresize.js"></script>
    <script src="http://localhost:5000/javascripts/jqwidgets/globalization/globalize.js"></script>
    <script src="http://localhost:5000/javascripts/home/home.js"></script>

<script>
$(document).ready(function () {
   $('#mainSplitter').jqxSplitter({ width: '100%', height: '100%', panels: [{ size: 300 }] });
});
</script>
</div>

<div id="footer">
<span class="ftext">Copyright 2015</span>
</div>

</body>
</html>
```
October 28, 2015 at 2:39 pm in reply to: A question about filtering A question about filtering #77460

lineker
Participant

Hi Peter,

I know that I wrote too much but I am not sure if you understood me correctly.
And this is my last post about this issue

showfilterrow: true,
filterable: false,

With the word “nothing is displayed” I mean grid is not displayed.
I don’t mean filter row.
At this situation, normal behaviour should be:

Grid should be displayed without any filter because of filterable is set to false

which means filterable is disabled.

I think with my word “nothing” you understood filter row, I am talking about whole grid, there is nothing at the page

But despite this, I do not call this a bug

October 28, 2015 at 2:17 pm in reply to: A question about filtering A question about filtering #77459

lineker
Participant

Hi Peter,

Yes I agree with you, thanks

October 28, 2015 at 1:31 pm in reply to: A question about filtering A question about filtering #77453

lineker
Participant

Hi Peter,

But I agree with you that this can not be called a bug because there is paradox at my code example so it is normal not to display anything

October 28, 2015 at 1:26 pm in reply to: A question about filtering A question about filtering #77452

lineker
Participant

Hi Peter,

I am trying from following link:

http://jsfiddle.net/jqwidgets/Td3Qn/

At this link, if I set filterable to false, nothing is displayed.

August 15, 2014 at 1:20 pm in reply to: Edit and Save To Database Edit and Save To Database #58396

lineker
Participant

Hi Dimitar,

This is exactly what I searched. Thank you very much
Author

Posts

Viewing 15 posts - 1 through 15 (of 51 total)

1 2 … 4 →